/*
Theme Name: Ade Advanced Optics
Theme URI: http://underscores.me/
Author: Custom Virtual Solutions
Author URI: https://customvs.com/
Description: A custom wordpress theme for Ade Advanced Optics
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scwd
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is created by the theme generator at http://underscores.me/, (C) 2015-2016 Automattic, Inc.
_s is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
html { font-size: 16px!important; /* 1em */ }
body { font-family: 'Rajdhani', sans-serif; font-size: 16px!important; }
a, a:visited { color: #2980B9;
  -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;
		  text-decoration: none!important; }
a:link,
a:visited,
a:hover,
a:active { color: inherit; text-decoration: none;outline: none; }

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0; }
h1 { font-family: 'Rajdhani', sans-serif;font-size: 2.75rem;color: #333333;font-weight: 500;line-height: 1.2;margin-bottom: 0; }
h2 { font-family: 'Montserrat', sans-serif;font-size: 2.75rem;color: #fff;font-weight: 700;line-height: 1.2;margin-bottom: 0; }
/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; /*max-width: 1920px;*/ }

.full { width: 100%; }
.main { margin: auto; /*max-width: 1920px;*/ }
.container-fluid { max-width: 1723px; }
#inner #content .container-fluid { max-width: 1200px; margin: auto;}
.no-pad { padding: 0; }

.lorem { color: #333333;font-size:  1.125rem;font-weight: 500;font-family: 'Rajdhani', sans-serif;line-height: 32px;padding-top: 24px;padding-bottom: 24px; }
#inner #content p { color: #333333;font-size:  1.125rem;font-weight: 500;font-family: 'Rajdhani', sans-serif;line-height: 32px;margin: 1em 0; }
#inner #content div { color: #333333;font-size:  1.125rem;font-weight: 500;font-family: 'Rajdhani', sans-serif; }
.btn-holder { background: #B98F1F;max-width: 191px;color: #fff !important;font-size: 0.875rem;font-family: 'Montserrat', sans-serif;font-weight: 600;display: block;position: relative;text-align: center;padding: 15px 0; }
.wpcf7 .ctc-hide { display: none; }
.wpcf7 p { margin: 0; }
.wpcf7 .accept span { display: initial !important; }
.pro-btn { background: #B98F1F;color: #fff !important;font-size: 0.875rem;font-family: 'Montserrat', sans-serif;font-weight: 600;display: block;position: relative;text-align: center;padding: 15px 0; }

.admin-bar #site-notice { top: 32px; }
#site-notice { position: fixed; top: 0; left: 0; right: 0; background-color: #04855a; padding: 10px 20px; z-index: 1040; }
#site-notice p { text-align: center; margin: 0; color: #fff; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; }
#site-notice p a { color: #fff; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { position: relative; }
.custom-logo { max-width: 208px; }

.site-title { font-size: 2.5em; /*40px*/ }
.site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; }

.header-holder { position: absolute;top: 0;width: 100%;z-index: 2; }
.header-holder .container-fluid .row { display: flex;justify-content: space-between; }
.logo-holder { padding-top: 20px; }

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Menu
--------------------------------------------------------------*/
.skip-link.screen-reader-text { padding: 0; }

.main-navigation {  }

/* Main Navigation */
.main-navigation { clear: both; color: #fff; display: block;  }
.main-navigation, .main-navigation ul li > ul, .main-navigation ul li:hover > ul {  }
.main-navigation a { color: #000; display: block; /*padding: 26px;*/padding:12px 5px; text-decoration: none;text-transform: uppercase;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; /*font-size: 0.9375rem;*/font-size: 12px;font-weight: 400;letter-spacing: .073em; }
.main-navigation ul { list-style: none; margin: 0; padding-left: 0;float: right; }
.main-navigation ul li:first-child a {  }
.main-navigation li { display: inline-block; }
.main-navigation li:hover > a { }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { background: #B98F1F; color: #FFF;}

/* Sub Menu */
.main-navigation ul ul { top: 100%;background:rgba(185,143,31,.5);  }
.main-navigation .sub-menu a { width: 260px;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 0.875rem;line-height: 230%; padding: 10px 20px; ext-transform: capitalize; }
.main-navigation .sub-menu a:hover { background: none;cursor: pointer; }
.main-navigation .sub-menu li { }
.main-navigation .sub-menu li:last-child a:hover {  } 

.main-navigation ul ul ul { left: -999em; top: 0; }

#banner {  }
#banner-mob { display: none; }

/*--------------------------------------------------------------
# Primary / Content Area
--------------------------------------------------------------*/
.content-area {  }

#notification {padding: 60px 0;}
#notification h2 {margin-bottom: 30px;}
#notification * {color: #fff;}
.notifRow {max-width: 1200px; margin: 20px auto 0;}
.notifRow img {max-width: 360px!important;}

#home .hentry, #home .entry-content { margin: 0; }

#content-top { padding: 40px 0; }
#content-top h2 { color: #333333; margin-bottom: 20px; }
#content-top h3 { font: 400 30px 'Rajdhani', sans-serif; color: #333; }
#content-top ul { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 95%;	margin: 20px auto; padding-left: 20px; font-size: 20px; font-weight: 500; }

#welcome { max-width: 610px;margin-left: 97px; }
#welcome .spnbld { display: block;font-weight: 800;font-family: 'Montserrat', sans-serif; }
.wc-img img {height: 700px!important; width: 100%!important; object-fit: cover;}

#featured-product { background:#272727; }
#featured-product h3 { color: #B98F1F;font-size: 2.125rem;font-family: 'Montserrat', sans-serif;font-weight: 800;text-align: center;line-height: 1.2;padding-top: 10px;padding-bottom: 10px; }
#featured-product .prod-name-holder { background: #B98F1F;text-align: center;color: #fff;padding: 20px;font-size: 1rem;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; min-height: 120px; }
#featured-product .prod-price { font-weight: 700; }
#featured-product .btn-holder { margin: 50px auto; }
#featured-product .product-feat-img { height: 305px; background: #FFF; overflow: hidden;}

#contact-form {  }
#contact-form #form-holder { max-width: 672px;margin: 0 52px 0 auto; }
#contact-form h2 { background: #B98F1F;text-align: center;padding: 19px 0; }
#contact-form .form-container { background: #272727;padding: 42px; }
#contact-form .wpcf7 label { width: 100%;margin-bottom: 15px; }
#contact-form .wpcf7 span { color: #DDDDDD;font-size: 0.875rem;font-family: 'Montserrat', sans-serif;display: block;font-weight: 400; }
#contact-form .wpcf7 input[type="text"],
#contact-form .wpcf7 input[type="email"],
#contact-form .wpcf7 textarea { height: 44px;border: #888888 1px solid;width: 100%;background: transparent;border-radius: 0;color: #fff;padding: 0 10px 0 15px;font-family: 'Montserrat', sans-serif; }
#contact-form .wpcf7 textarea { height: 121px; }
#contact-form .wpcf7 input[type="submit"] { letter-spacing: .093em;color: #fff;font-size: 0.875em;font-family: 'Montserrat', sans-serif;display: block;font-weight: 600;border-radius: 0;width: 156px;background: #B98F1F;padding-top: 12px;padding-bottom: 12px; }
.wpcf7-response-output {background: #fff;}


.heading-link a {border: 2px solid red;padding: 15px;}
.heading-link a:hover {background: red;padding: 10px;font-size: 1.1em;}
/*--------------------------------------------------------------
# Secondary / Sidebar
--------------------------------------------------------------*/
.secondary { font-size: 14px; font-size: 0.875rem; line-height: 1.6; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer { background: #000000; }
.site-footer .container-fluid { max-width:1430px; }

#page-bottom { padding-top: 40px; }
#page-bottom .caption { margin-top: 15px;color: #FFFFFF;line-height: 141%;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; }
#page-bottom .sub { color: #FFFFFF;line-height: 141%;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;font-weight: 700; }

/* Footer Navigation */
.footer-navigation {}
.footer-navigation ul { margin: 0; padding: 0;}
.footer-navigation ul li { display: block;padding: 10px 0; }
.footer-navigation ul li:first-child {}
.footer-navigation ul li:last-child { }
.footer-navigation ul li:not(:first-child):not(:last-child) { }
.footer-navigation ul li a { color: #fff; display: block;font-size: 0.8125rem;font-weight:400;line-height: 100%;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;letter-spacing: .073em;text-transform: uppercase;  }
.footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {  }

/* Site Info */
.site-info { color: #fff; font-size: 0.875rem; /*14px*/ font-weight: 400; padding: 10px 0;text-align: center;font-family: 'Montserrat', sans-serif;  }


#inner .wpcf7 label { width: 100%; }
#inner .wpcf7 span { font-weight: 400; }
#inner .wpcf7 input[type="text"],
#inner .wpcf7 input[type="email"],
#inner .wpcf7 textarea { font-family:Arial;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;border-radius: 0;padding-left: 10px;padding-right: 10px;box-sizing: border-box;margin: 0 auto 8px;font-weight: 400; }
#inner .wpcf7 textarea {height: 120px;padding-top:10px;}
#inner .wpcf7 ::placeholder { font-weight: 400; }
#inner .wpcf7 .g-recaptcha > div { margin: 0 auto; }
#inner .wpcf7 .btn-holder { text-align: center;margin-top: 20px;margin-bottom: 20px; }
#inner .wpcf7 input[type="submit"] { width: 200px;color: #fff !important;display: block;margin: 0 auto;font-size: 0.8125rem;letter-spacing: .2em;padding-top: 11px;padding-bottom: 12px;border-radius: 0;text-transform: uppercase;background: #B98F1F; }

#inner h1:before { content: url(assets/images/img-2.jpg);display: block; }

.page-id-18145 #content ol { margin: 0; padding-left: 20px; }
.page-id-18145 #content ol li { margin-bottom: 15px; }

/*modification codes*/
#menu-bottom-menu{}
#menu-bottom-menu li:nth-of-type(2){position: relative;}
#menu-bottom-menu .sub-menu{position: absolute;bottom: 100%;text-align: left;display: none;}
#menu-bottom-menu .sub-menu li{display: block;background: rgba(185,143,31,.5);padding: 18px 28px;}
#menu-bottom-menu .sub-menu li a{white-space: nowrap;}
#menu-bottom-menu li:nth-of-type(2):hover > .sub-menu{display: block;}
#banner{position: relative;}
#banner span{position: absolute;left:42%;top:44%;color: #fff;font-size: 30px;}
.info-holder img{margin: 20px auto;display: block;}
.copy-holder{display: flex;justify-content:space-around;margin-top: 30px;}
.copy-holder span{display: block;color: #fff;font-weight: bold;font-size: 30px;}
#ft-left{}
#ft-right{width: 20%; text-align: left;}
#ft-right p{color: #fff;margin: 0; text-align: left;}
#ft-right a{color: #fff;}
#ft-right p:nth-of-type(2){padding-top: 20px;}
#ft-right p:nth-of-type(3){padding-top: 20px;}
#ft-right p:nth-of-type(5){padding-top: 20px;}
#ft-right p:nth-of-type(6){width: 58%;}
#faq-red .sow-accordion-panel-header {outline: none !important;}
#faq-red .sow-accordion-panel-open {box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.4);}
#faq-red .sow-accordion-title, #faq-red .sow-icon-ionicons:before {color: #FFF !important;}


@media screen and ( max-width: 1440px )
{
	#welcome, #contact-form #form-holder { max-width: 90%;margin: 0 auto; }
	.to-mid { align-items: center !important; }
}

@media screen and ( max-width: 1320px )
{
	.site-footer .info-holder, .site-footer .copy-holder, .site-info, .footer-navigation ul { width: 100%;float: none;text-align: center; }
}

@media screen and ( max-width: 1110px )
{
	#site-notice { top: 42px; }
	#site-notice p { font-size: 14px; }
	.header-holder .container-fluid .row { flex-direction: column; }
	.logo-holder, .nav-holder { width: 100%; text-align: center;float: none; }
	.main-navigation { display: inline-block;width: unset;float: none; }
	.main-navigation ul { float: none; }
	#ft-right{width: 35%}
	#ft-left{ width: 35%; }
}

@media screen and ( max-width: 800px )
{
	h2 {font-size: 2.2rem;}

	#page-bottom { text-align: center; }
	#prod-list .panel-layout > div { margin-bottom: 0; }
	#ft-left{display: none}
	.copy-holder{display: block;}
	#ft-right{width: 100%; text-align: center;}
	#ft-right p{text-align: center;}
	#ft-right p:nth-of-type(6){width: 100%;}

	.heading-link a{    font-size: 20px;
    padding: 5px;}
	
}

@media screen and ( max-width: 600px )
{
	h2 {font-size: 1.8rem;}

	
	#banner-mob { display: block; }

	#notification {padding: 20px 0;}
	.header-holder{position:relative;background:#dcdcdc;}
	/*.custom-logo{    max-width: 140px;
    margin: -100%;}*/
}

@media screen and ( max-width: 480px )	
{

	h2 {font-size: 1.5rem;}

	.arrow-down, .img-to-hide { display: none; }
	#welcome, #contact-form #form-holder { max-width: 100%;margin: 0 auto;padding-left: 10px;padding-right: 10px; }
	h1, #contact-form h2, #featured-product h3 { font-size: 1.75rem; }
	.lorem, #inner #content p { padding-top: 10px;padding-bottom: 10px;font-size: 1rem; }
	#contact-form .form-container { padding: 10px; }
	#page-bottom { padding-top: 10px; }
	#inner h1:before { content: ''; }
	.entry-content { margin: 0; }
	#faq-red .sow-accordion-title, #faq-red .sow-icon-ionicons:before { font-size: 16px !important;}
	#faq-red .sow-accordion-panel-border { padding: 15px !important; }
	#faq-red .sow-accordion-panel-border p { padding: 0 !important; margin: 5px 0 !important; }
}

@media screen and ( max-width: 320px )
{
	.g-recaptcha > div { transform: scale(.8); margin-left: -10px; }
	.heading-link a{font-size: 16px;padding: 2px;border: 1px solid red;}	
}

.laser {align-items: flex-end !important;}
.laser img {max-width: 400px !important; margin: auto;}
.laser .pro-btn {max-width: 150px; margin: 20px auto 0; border-bottom: none; padding-bottom: 15px;}
.laser a {border-bottom: 1px solid #000; padding-bottom: 3px;}
.laser h3 {padding-bottom: 10px;}


.rifle {align-items: flex-end !important;}
.rifle img {max-width: 400px !important; margin: auto; }
.rifle .pro-btn {max-width: 150px; margin: 20px auto 0; border-bottom: none; padding-bottom: 15px;}
.rifle h3 {padding-bottom: 10px;}
.rifle a {border-bottom: 1px solid #000; padding-bottom: 3px;}

.red {align-items: flex-end !important;}
.red img {max-width: 400px !important; margin: auto;}
.red .pro-btn {max-width: 150px; margin:  20px auto 0; border-bottom: none; padding-bottom: 15px;}
.red h3 {padding-bottom: 10px;}
.red a {border-bottom: 1px solid #000; padding-bottom: 3px;}

.laser-outer {box-shadow: 0px 0px 5px black; padding: 50px 20px; margin: 10px 0;}
.rifle-outer {box-shadow: 0px 0px 5px black; padding: 50px 20px; margin: 10px 0;}
.red-outer {box-shadow: 0px 0px 5px black; padding: 50px 20px; margin: 10px 0;}
.laser-outer .widget_media_image, .red-outer .widget_media_image, .rifle-outer .widget_media_image {text-align: center;}