/* Extra CSS for the compose-wp theme */

body { font-size:16px; }

.container_header { width:30%; float:left; }
nav.navbar { width:65%; float:right; }
.container_header img { max-width:8em; padding-left:1em; }

.compose-logo { padding-top:10px; }

.navbar .navbar-nav > li > a { color:#333; font-size:1.2em; }
.navbar ul { float:none;
	display:flex; flex-wrap:wrap; justify-content:end;
 }
.navbar ul li {
	float:none;
 }
 
#menu-main-menu li>a:focus, #menu-main-menu li>a:hover { background:#eee; }

h1 { font-size:3em; line-height:120%; }
h2 { font-size:2em; line-height:120%; font-weight:600; color:#444; }
h3 { font-size:1.5em; line-height:120%; }
p { font-size:1.4em; line-height:120%; }
.entry-content ul li { font-size:1.4em; }

.compose-caption.homepage_slide h2 { font-size:3em; }
.compose-caption.homepage_slide h2.sub { font-size:2em; }
.compose-caption.homepage_slide h3 { padding-left:0.2em; }

.compose-caption h2 { text-shadow:none; color:#333; font-weight:100; text-transform:none; font-size:3.5em; line-height:120%; }
.compose-caption h2.sub { font-size:2.5em; }
.carousel .compose-caption h2 a { text-shadow:none; color:#333; font-weight:inherit; font-size:1em; line-height:120%; }

.compose-caption h3 { text-shadow:none; color:#333; font-size:1.25em; line-height:130%;}

.compose-caption { top:2.5rem; left:10%; right:10%; bottom:unset; text-align:left; background:rgba(255,255,255,0.5); }

.magento_slide { }
.carousel .wordpress_slide.compose-caption h2 { color:#fff; }
.carousel .wordpress_slide.compose-caption h2 a { color:#fff; }
.carousel .wordpress_slide.compose-caption h3 { color:#fff; }

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right { top:85%; }

.carousel-control { display:none; }

.homepage_featured h2 { padding-left:15px; }

.compose-boxes { padding-bottom:20px; padding-top:20px; }
.homepage_portfolio { border-bottom:1px dashed #eee; padding-bottom:20px; display:none; }
.homepage_contact { border-bottom:1px dashed #eee; padding-bottom:20px; margin-bottom:0px;}
.compose-footer { background:#fafaff; }
#content { padding-bottom:0; }

input { border-radius:3px; border:1px solid #ddd;}
textarea { border-radius:3px; border:1px solid #ddd;}
button { border-radius:3px; border:1px solid #ddd;}

.compose-footer p { font-size:1em; }
.compose-footer li { font-size:1em; }
.compose-footer a { font-size:1em; }
.compose-footer p a { font-size:1.2em; }
.compose-footer li a { font-size:1.2em; }
.compose-footer-four p { font-size:1.2em; line-height:130%; }
.compose-footer-four p a { font-size:1em; }

ul.sidebar_widgets li.cat-post-widget ul { margin-left:0; padding-left:0; }

.-skin-default .-items .-item .itembox .-mask, .-skin-default .-items .-item .itembox .genericon { background:#777; }

article.portfolio .compose-blog-meta { display:none; }
h1.main_title { font-weight:bold; }

.single .compose-blog-image { float:left; margin:0 2% 0 0; width:40%; }
.single-product .compose-blog-image { float:left; margin:0 2% 0 0; width:40%; }
.portfolio_content { float:left; width:57%; margin:0 0 0 0; }
.clear { clear:both; }
nav.post-navigation { padding-bottom:2em; }
nav.post-navigation a { font-size:1.2em; }

.compose-blog-post .compose-blog-image img { max-width:100%; }
.category-our-extensions .compose-blog-meta { display:none; }

#wpcf7-f168-o1 .wpcf7-submit { margin-top:1em; }

.navbar-toggle { background:#333; }
.navbar-toggle .icon-bar { background:#fff; }

@media (max-width:768px){ footer { padding-left:1em; } }

pre { word-break: normal; word-wrap:normal;
white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 margin-top:-1em;
 margin-bottom:2em;
}

.cookie_ext_thumbnail { display:none; }
body.home .cookie_ext_thumbnail { display:inline; width:20%; }

#content input#coupon_code { width:9em; }

/* fix for firefox */
.wpcf7 input.wpcf7-text { width: 100%; } 
.wpcf7 textarea.wpcf7-textarea { width: 100%; } 
.wpcf7-form textarea { height: 200px; }

.sku_wrapper { clear:both; display:block; }
.posted_in { clear:both; display:block; }
.tagged_as { clear:both; display:block; }

.flex-control-nav.flex-control-thumbs li { border:1px solid #999; height:100px; }

#content ul.products li.product h2.woocommerce-loop-product__title { font-size:1.5em; }
.woocommerce-Price-amount.amount { font-size:1.5em; }
.woocommerce ul.products li.product .woocommerce-Price-amount.amount { font-size:1.5em; }

.-skin-default .-items .-item .itembox img {  }

.-items .itembox { height:300px; overflow:hidden; }

.lg-info p { overflow:inherit; }

.includes_tax { clear:both; display:block; }

#content .woocommerce a.button,#content .woocommerce button.button,#content .woocommerce input.button,#content a.add_to_cart_button { background:#3c6ca7; color:#fff; border-radius:3px; }
#content .woocommerce a.button:hover,#content .woocommerce button.button:hover,#content .woocommerce input.button:hover,#content a.add_to_cart_button:hover { background:#4fe5f5; color:#222; border-radius:3px; }

.wc-block-grid__products .wc-block-grid__product-image img  { width:auto; max-width:100%; }

body.woocommerce-checkout p.create-account input#createaccount { margin-top:0.75em; margin-left:0.5em; }
body.woocommerce-checkout p.create-account span { float:left; }
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p input#terms { margin-top:0.75em; margin-left:0.5em; }
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p span { float:left; }

p.mc4wp-checkbox label { clear:both; float:left; }
p.mc4wp-checkbox input { float:right; margin-left:0.5em; margin-top:0.5em; }
p.mc4wp-checkbox span { float:left; }

.woocommerce form .form-row .woocommerce-input-wrapper .description { display:block; font-size:0.8em; }
#vat_number_field .optional { display:none; }

p.mc4wp-checkbox span { line-height:1.3;}

#wpcf7-f168-p18-o1 p { margin-bottom:0.5em; }
#wpcf7-f168-p18-o1 .mc4wp-checkbox-contact-form-7 span { font-weight:normal; padding-left:0.5em; }

.compose-preview h2 { padding-left:0; margin-top:0em; }
.compose-preview-image { }

/*  background:#fafaff; */
body.home #content { background:#ddeaff; }

body.home #content .container { background:#fff; 	
	box-shadow:0.25em 0.25em rgba(50,50,50,0.25);
	border-radius:0.25em;
	margin-bottom:1em; 
}

.container.homepage_featured { 
	position:relative;
	margin-top:0.5em;
}
.compose-box h3 { font-weight:700; }
.compose-box .btn.btn-sm.btn-link { font-size:1em; }

#content .compose-carousel-image { max-height:33rem; overflow:hidden; }

.mc4wp-checkbox span { font-weight:400; margin-left:0.5em; }

/* MOBILE */
@media(max-width:768px){
		
	.compose-caption.homepage_slide h3 { }
	.compose-caption.homepage_slide h2 { }
	.compose-caption.homepage_slide h2.sub { font-size:1.5em; font-weight:600; }
	.compose-preview-image { display:none !important; }
	
}

@media (max-width: 640px) {
	.compose-caption.homepage_slide h2 { text-align:center; }
	.compose-caption.homepage_slide h3 { display:none; }
	#content .compose-carousel-image { max-height:19rem; }

}
@media (max-width: 540px) {
	.compose-caption.homepage_slide h2 { font-size:2em; font-weight:600; }
	.compose-caption.homepage_slide h3 { font-size:1em; }
}

.portfolio_link a { font-size:0.9em; }

body.home #ftg-items { width:100% !important; display:flex; justify-content:space-between; }
body.home #ftg-items .tile { width:30% !important; height:auto !important; position:relative !important; left:0 !important; }
body.home #ftg-items .tile-inner { width:100% !important; height:auto !important; }
body.home #ftg-items img { width:100% !important; height:auto !important; }

#menu-main-menu ul.dropdown-menu { display:none; }
#menu-main-menu .menu-item-has-children:hover ul.dropdown-menu { display:block; }