/*
 Theme Name:   Storefront Templateshop
 Description:  Storefront Templateshop Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Storefront-templateshop
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

/* HEADER*/
.widget_search form:before, .widget_product_search form:before,
.site-search .widget_product_search form:before{
	display: none;
}

/*.site-header-cart .cart-contents:after{
	height: 55px;
	line-height: 55px;
}
.woocommerce-active .site-header .site-header-cart{
	height: 50px;
	line-height: 50px;
}*/

.woocommerce-active .site-header .site-search{
	margin-bottom: 0!important;
	margin-top: 10px;
}
.woocommerce-active .product-search-field{
	border: 1px solid #ccc;
}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
	padding-bottom: 10px!important;
	padding-top: 15px;
}

.site-header .site-branding{
	margin-bottom: 0!important;
}

header#masthead.site-header{
	margin-bottom: 0!important;
}

.header-widget-region .widget{
	padding: 0!important;
}

.site-header .site-branding{
	width: 15%;
}


.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{
	background-color: #f0f0f0;
}


.storefront-primary-navigation{
	padding-left: 100em;
}

.widget-area .widget,
.site-main{
	margin-top: 10px;
}

/* BREADCRUMB */

.woocommerce-breadcrumb{
	background-color: #f7f7f7;
	margin-bottom: 0!important;
}

.woocommerce-breadcrumb a:first-of-type:before{
	color: #3d66b1;
}

/* WINKELMANDJE */
.site-header-cart .cart-contents{
	padding: 15px;
}

.site-header-cart .cart-contents .count{
	margin-left: 5px;
}

.site-header-cart .cart-contents .amount{ 
	margin-left: 15px;
}

.site-header-cart .cart-contents:after{
	float: left;
	content: "\f07a";
	font-size: 1.2em!important;
	margin-top: -3px;
}



/* MENU */
.site-header-cart .cart-contents .count,
.main-navigation ul li a{
  	font-size: 16px!important;
/*  font-family: "Franklin Gothic Medium";*/
	font-family: 'Source Sans Pro', sans-serif;
  	font-weight: 700;
}


.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
	/*padding-bottom: 0.5em;*/
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
    width: 105%;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:active,
.main-navigation ul li a:focus,
.site-header ul.menu li.current-menu-item > a  {
    border-bottom: 2px solid #416dbd !important;
}


.main-navigation ul ul li a:hover, .secondary-navigation ul ul li a:hover:active,
.main-navigation ul ul li a:hover, .secondary-navigation ul ul li a:hover{
	border-bottom: none!important;
}

/*.main-navigation{
	text-align: center;
	margin: 0 auto !important;
}*/

a:focus,
.focus a {
	outline: none !important;
}




/* secondary menu */
/*.dashicons-email:before,
.dashicons-phone:before{
	color: black!important;
}

.menu-item img._before:hover, .rtl .menu-item img._after:hover{
    -moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
 }
div[id*='ajaxsearchlite'] .probox .proclose svg,
.dashicons-email:hover:before,
.dashicons-phone:hover:before{
	color: black!important;
}


div[id*='ajaxsearchlite'] .probox .proclose svg{

}

div[id*='ajaxsearchlite'] .probox .proclose svg,
path#magnifier-2-icon,
polygon#arrow-25-icon{
	fill: #3d66b1;
}

div[id*='ajaxsearchlite'] .probox .proclose svg{
	background: transparent;
}

.secondary-navigation .menu>li.margin{
	margin-left: 10px;
}

.secondary-navigation{
	margin-bottom: 0px;
	margin-right: 0px;
}

/* LOGIN */
/*.secondary-navigation .menu>li>a.loginn:before{ 
	font-family: FontAwesome;
	font-size: 17px;
	content: "\f090";
	color: black;
	left: -10px;
}
.secondary-navigation .menu>li>a.logoutt:before{ 
	font-family: FontAwesome;
	font-size: 17px;
	content: "\f08b";
	color: black;
	left: -10px;
}*/
.site-header {
    padding-top: 1.61em;
    box-shadow: 0 7px 0 rgba(0,0,0,0.25);
}

/* HOMEPAGE */
#pgc-11-0-0 .so-panel .widget .widget_sow-editor .panel-first-child .panel-last-child 
.page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area, .storefront-full-width-content .content-area{ 
	margin-top: 20px;
}


/* HOMEPAGE BUTTON IMAGE */
#post-11 .sow-image-container:hover img{
	visibility: hidden;
	height: 15em;
}

.panel-widget-style img,
#post-11 .sow-image-container img{
	height: 15em;
}

#post-11 .widget .widget-title, #pg-8-1 .widget .widgettitle h3{
	position: absolute;
	font-size: 30px;
	color: white;
	text-shadow: 2px 2px black;
}


#post-11 .panel-grid-cell{
	position: relative;
}
#post-11 .panel-grid-cell .widget-title{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#post-11 .panel-grid-cell h3{
	pointer-events: none;
}

/*REVIEWS */ 

/*
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button,
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover{
background: rgba(245,115,210,1);
background: -moz-linear-gradient(top, rgba(245,115,210,1) 0%, rgba(255, 0, 188, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 0, 188, 1)), color-stop(100%, rgba(255,0,187,1)));
background: -webkit-linear-gradient(top, rgba(245,115,210,1) 0%, rgba(255, 0, 188, 1) 100%);
background: -o-linear-gradient(top, rgba(245,115,210,1) 0%, rgba(255, 0, 188, 1) 100%);
background: -ms-linear-gradient(top, rgba(245,115,210,1) 0%, rgba(255, 0, 188, 1) 100%);
background: linear-gradient(to bottom, rgba(245,115,210,1) 0%, rgba(255, 0, 188, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f573d2', endColorstr='#ff00bb', GradientType=0 );
border: none!important;
} */

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button,
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, .added_to_cart:focus, .widget a.button:focus, .site-header-cart .widget_shopping_cart a.button:focus{
	outline:none!important;
}


/* mijn account */
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-navigation ul li a{
	color: black;
}

.woocommerce-MyAccount-navigation ul li a:before{
	color: #416dbd;
}



/* WEBSHOP */
.chosen-container-single .chosen-single{
	margin-left: 20px;
}

.woof_sid_auto_shortcode .woof_container{
	width: auto;
	margin: 0px!important;
}

table .shop_attributes{
	background: rgba(0,0,0,.1);
}

.woof_submit_search_form_container{
	clear: none!important;
}
.woof_sid_auto_shortcode{
	width: 70%;
	border: none!important;
}

.woof_edit_view{
	display: none;
}

.chosen-container-single .chosen-single{
	width: 100%;
	background: none!important;
	border-radius: 0px!important;
}

.woocommerce-result-count{
	margin-bottom: 20px;
}


/* PRODUCT PAGE */

h1.product_title .entry-title{
	background-color: white;
}

.widget-area .widget{
	background-color: white;
	padding: 20px;
}

ul.products li.product.product-category img{
	display: block!important;
}

/*ul.products li.product img{
	display: none;
}*/
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.quantity .qty{
	border: 1px solid black;
	padding: 2px;
}

.single-product div.product form.cart .quantity{
	height: 45px;
	line-height: 45px;
}


/* UITGEZET DOOR KOEN; VARIATIES OP MOBIEL WERKEN HIERDOOR NIET */
/*.single-product div.product .summary{
	float: left;
}*/

.single-product div.product .images{
	width: 30%;
}

ul.products li.product .button:before{ 
	font: normal normal normal 1em/1 FontAwesome;
    font-size: 1.5em;
    -webkit-font-smoothing: antialiased;
    opacity: .25;
    content: "\f07a" !important;
    cursor: pointer; 
    margin-left: -30px;
}

/* woocommerce messages */

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments{
	background--color: blue;
}

/* FAQ */

.arconix-faq-title{
	font-weight: : 700;
}


.sow-slider-image-wrapper{
	height: auto;
}

.fa-minus-circle:before,
.fa-plus-circle:before{
	color: #3d66b1;
}

/* Contact */

.so-widget-sow-contact-form-default-316de3bc8c3e .sow-contact-form{
	border: none!important;
	background-color: none;

}

form#contact-form-2845{ 
	background: none!important;

}
form#contact-form-3f07.sow-contact-form{
	border-right: 1px solid rgba(192,192,192,0.3)
}
.input-text, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea{
	box-shadow: none;
}

#pg-60-0 .panel-grid-cell .widget-title{
	text-align: right;
	font-size: 2.500em;
	padding-bottom: 0;
}
	
#pgc-60-0-1{
	margin-top: 140px;
}
div#secondary.widget-area,
#pg-60-0 .panel-row-style{
	box-shadow: 5px 5px 5px -5px;
}


div#secondary.widget-area, #pg-60-0 .panel-row-style{
	background: white;
}

/*#pgc-60-0-1 .widget .widget-title, .widget .widgettitle{

}

#post-60 .entry-header{
	width: 40%;
}

.so-widget-sow-hero-default-a2c12170b4d8 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2{
	text-shadow: none!important;
}*/

#pg-60-0 .panel-row-style{
	padding: 20px;
}

/* Shop filters */

/* FOOTER */
.site-footer{
background-color: #404040;
}


#colophon .widget .widget-title, .widget .widgettitle{
	color: white;
	padding: 0!important;
}
#colophon .widget_product_categories ul li,
#colophon .widget_product_categories ul li a,
.site-footer a:not(.button),
#colophon  p.white{
	color: #e3e0e3;
	font-size: 15px;
}
#sow-editor-6 .widget .widget_sow-editor{
	margin: 0px!important;
	padding: 0px!important;
}

.site-footer #sow-editor-2 a:not(.button):before,
.widget_product_categories ul li:before{ 
	font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    opacity: .25;
    content: "\f101" !important;
    cursor: pointer;
}
.site-footer #sow-editor-2 a:not(.button):before{
	margin-right: 10px;
}
.site-footer #sow-editor-2 a:not(.button):hover:before{
	color: white!important;
	opacity: .25;
}
.site-footer a.color:hover,
.site-footer #sow-editor-2 a:not(.button):hover,
#colophon .widget_product_categories ul li a:hover{ 
color: #416dbd!important; 
}

#colophon .widget{
	margin: 0!important;
}
.site-footer #sow-editor-2 a:not(.button):before,
.site-footer #sow-editor-2 a:not(.button):hover:before{
	color: #416dbd!important;
	opacity: 1;
}

/* CHECKOUT */

#payment .payment_methods li:last-child {
    padding-left: 10px; 
	padding-right: 10px; 
}

/*MOBIEL */

/* MENU */

@media screen and (max-width: 768px){
	.storefront-primary-navigation{
		background-color: #c4c4c4!important;
	}

	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link::before{
		content: "\f101";
		color: #fff;
		font: normal normal normal 1em/1 FontAwesome;
    	font-size: inherit;
   		-webkit-font-smoothing: antialiased;
   		margin-right: 10px;
	}
	button#responsive-menu-button{
		border: none!important;
	}
	.storefront-primary-navigation {
     	background-color: #f2f2f2!important; 
     	padding-left: 0!important;
	}

	.site-header .custom-logo-link img {
    	max-width: 10em;
	}

	.main-navigation ul{
		background: #f2f2f2;
	}

	#pg-60-0 .panel-grid-cell .widget-title{
		text-align: center;
	}

}
/*.site-header {
    padding-top: 1.61em;
    box-shadow: 0 7px 0 rgba(0,0,0,0.25);
}
*/

/*@media (max-width:568px) {*/
@media (max-width:768px) {
	.product-search-results {
		bottom:55px !important;
		/* height:calc(100vh - 65px - 55px - 20px) !important; */
		overflow:auto !important;
	}

	.storefront-handheld-footer-bar {
		height:65px !important;
	}

	.site-search {
		height:69px !important;
	}
}