/*
Theme Name: 	Inventive Theme
Version: 		1.1
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
main,
aside,
li					{ position:relative; box-sizing:border-box; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden;  /* For clearing */ }
body 				{ background:#fff; font-size:62.5%; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea {
	font-family:Verdana, Arial, sans-serif;
}


/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */



/* wordpress default image styles*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* generic styles */




.clear:after{
	display:block;
	content:'';
	clear:both;
}

.container{
	width:100%;
	max-width:1200px;

	margin:0 auto;
}
.padded{
	padding:2em 4% 2em 4%;
}
a{
	color:inherit;
}
a, a:focus, a:active{
	outline:0;
}
p{
	font-size:1.6em;
	margin-bottom:1em;
	line-height:1.4em;
}
h1, .likeH1{
	font-size:3.6em;
	line-height:1.2em;
	font-weight:300;
	margin-bottom:0.6em;
}
h2, .likeH2{
	font-size:2.4em;
	margin-bottom:0.3em;
	line-height:1.2em;
}
h3, .likeH3{
	font-size:1.8em;
	margin-bottom:0.3em;
}
h4, .likeH4{
	font-size:1.6em;
	margin-bottom:0.3em;
}
h5, .likeH5{
	font-size:1.4em;
	margin-bottom:0.3em;
}
hr{
	border:none;
	background:none;
	height:1px;
	border-top:1px solid rgba(0,0,0,0.5);
	margin:2em 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	margin:0;
}
.videoWrapper.format4_3{
	position: relative;
	padding-bottom: 75%;
	padding-top: 0px;
	height: 0;
	margin:0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.clean{
	text-decoration:none;
}
.hidden{
	display:none;
}
span.more{
	text-decoration:underline;
	white-space:nowrap;
}
/* vertical alignment */

.vAlignOuter{
display: table;
#position: relative;
overflow: hidden;

-webkit-transform: none;
-moz-transform: none;

}
.vAlignMiddle{
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
z-index:99;
}
.vAlignInner{
#position: relative;
#top: -50%;
}


/* header */


#header{
	width:100%;
	font-weight:400;
	border-bottom:2px solid rgba(0,0,0,0.3);
}

#headerLogoHost{
	float:left;
}
#headerLogo{
	height:100%;
	width:auto;
}
#headerLogoHost .logoStrap{
	font-size: 1.3em;
	line-height:1.3em;
	color:#FFFFFF;
	padding:0 1em;
}
#headerSearch{
	float:right;
	height:3em;
	width:3em;
	margin-left:2em;
}
#menuBar{
	display:none;
}
#secondaryNav{
	float:right;
}

#primaryNav{
	float:right;
}

#secondaryNav ~ #primaryNav{
	clear:right;
	margin-top:1.5em;
}


.header_layout_centred #header{
	text-align:center;
}
.header_layout_centred #headerLogoHost{
	float:none;
}

.header_layout_centred #headerLogoHost .logoStrap{
	clear:left;
	display:block;
	margin-top:0.5em;
}
.header_layout_centred #headerSearch{
	float:none;
	display:inline-block;
}
.header_layout_centred #secondaryNav{
	float:none;
	display:inline-block;
	margin-left:2em;
}
.header_layout_centred #primaryNav{
	float:none;
	display:inline-block;
}

/* header navs */
#header nav ul.menu > li{
	float:left;

}
#header nav ul.menu > li a{
	display:block;
	font-size:1.4em;
	padding:0.3em 0.8em;
	text-decoration:none;
	border:1px solid transparent;
}
#header #primaryNav ul.menu > li a{
	font-size:1.6em;
}
#header #primaryNav li:hover > a{
	background:rgba(0,0,0,0.2);
}
#header #primaryNav li.current_page_item > a, #header #primaryNav li.current-page-ancestor > a, #header #primaryNav li.current-menu-ancestor > a, #header #primaryNav li.current_page_parent > a{
	border:1px rgba(0,0,0,0.3) solid;
}
#header #primaryNav ul.sub-menu{
	display:none;
	color:#FFFFFF;
}
#header #primaryNav ul.menu > li:hover > ul.sub-menu{
	display:block;
	position:absolute;
	background:rgba(0,0,0,0.7);
	z-index:100;
	width:20em;
}

#header #secondaryNav{
	color:rgba(0,0,0,0.5);
}
#header #secondaryNav a:hover{
	border-bottom:1px solid;
}

#headerSearch .searchForm{
	display:none;
	position:absolute;
	right:0;
	background:#FFFFFF;
	width:300px;
	text-align:right;
	border:1px solid rgba(0,0,0,0.5);
}
#headerSearch .searchForm span{
	display:none;
}
#headerSearch .searchForm .search-field{
	padding:0.4em;
	font-size:1.4em;
	width:210px;
	border:none;
}
#headerSearch .searchForm .search-submit{
	background:rgba(0,0,0,0.5);
	color:#FFFFFF;
	font-size:1.3em;
	text-transform:uppercase;
	padding:0.6em;
	border:none;
	width:70px;
}
#headerSearch:hover .searchForm, #headerSearch:focus .searchForm{
	display:block;
	z-index:110;
}
#headerSearch:hover .searchIcon, #headerSearch:focus .searchIcon{
	display:none;
}
#headerSearch .searchIcon{
	font-size:1.6em;
	line-height:1.8em;
	text-align:center;
	float:left;
	color:rgba(0,0,0,0.5);
}


/* main content */

#main{
	font-weight:300;
}

#mainTitleHost{
	width:100%;
}

#mainImage{
	width:65%;
	float:left;
	margin-bottom:2em;
	display:none;
}
#mainImage img{
	width:100%;
	height:auto;
}

#mainContent{
	width:65%;
	float:left;
	margin-bottom:5em;

}
#mainContent img{
	max-width:100%;
	height:auto;
}
#mainContent ul:not(.sidebarMenu), #mainContent ol:not(.sidebarMenu){
	margin-bottom:1.6em;

}
#mainContent ul:not(.sidebarMenu):not(.dpsp-networks-btns-wrapper):not(.products):not(.page-numbers) > li, #mainContent ol:not(.sidebarMenu) > li{
	font-size:1.6em;
	line-height:1.4em;
	margin-bottom:0.4em;
	margin-left:1.3em;
	list-style-type:disc;
}
#mainContent ul:not(.sidebarMenu):not(.dpsp-networks-btns-wrapper) > li p, #mainContent ol:not(.sidebarMenu) > li p{
	font-size:1em;
}
#mainContent .sidebarCustomMenu li, sidebarCustomMenu h4, #mainContent li li{
	font-size:1em !important;
}
#mainContent table th, #mainContent table td{
	font-size:1.6em;
	line-height:1.4em;
	padding:0.3em;
}
#mainContent table th p, #mainContent table td p{
	font-size:1em;
}
#mainContent blockquote{
	padding-left:2em;
	line-height:1.4em;
	border-left:0.8em solid rgba(0,0,0,0.5);
	font-style:italic;
	margin-bottom:0.8em;
}

#mainContent table th{
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	font-weight:300;
}
#mainContent table{
	border:1px solid rgba(0,0,0,0.5);
	margin-bottom:1em;
}
#main form input{
	border:1px solid rgba(0,0,0,0.5);
	padding:0.4em;
	box-sizing:border-box;
}
#main form textarea{
	border:1px solid rgba(0,0,0,0.5);
	padding:0.4em;
	box-sizing:border-box;
}
#main form input[type="submit"]{
	background:rgba(0,0,0,0.5);
	color:#FFFFFF;
	border:none;
	padding:0.4em 0.6em;
	font-weight:normal;
}
#main form select{
	font-size:1.6em;
	padding:0.4em;
}
#mainContent #comments label{
	display:block;
	margin-bottom:0.3em;
	font-weight:400;
}


/* plugin specific changes */
.wpcf7-response-output, .wpcf7-not-valid-tip{
	padding:0.5em;
	margin:0;
	border:none;
	background-color:rgba(0,0,0,0.8);
	color:#FFFFFF;
}
.wpcf7-response-output{
	font-size:1.6em;
}
.wpcf7-form-control{
	max-width:100%;
}
#mainContent .wp-pagenavi{
	font-size:1.6em;
	padding-top:1em;
}
#mainContent .wp-pagenavi span.current{
	font-weight:normal;
}

	/* woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-product-rating, .woocommerce .product_meta, .woocommerce .summary form.cart, .woocommerce .page-numbers{
	font-size:1.6em;
	font-weight:normal;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info{
	font-size:1.6em;
}
.woocommerce .woocommerce-tabs .tabs li{
	margin-bottom:0 !important;
}
.woocommerce div.product p.price{
	font-size:2em;
	font-weight:700;
	color:inherit;
}
.woocommerce ul.products li.product .price{
	font-size:1em;
	font-weight:700;
	color:inherit;
}
.woocommerce #mainContent .summary form.cart table td, .woocommerce .summary form.cart table th{
	font-size:1em;
}
.woocommerce .cart-collaterals ul li, .woocommerce .woocommerce-checkout-payment ul li, .woocommerce #mainContent ul.products li{
	margin-left:0 !important;
	list-style-type:none !important;
}
.woocommerce #mainContent ul.products li, #mainContent .woocommerce ul.products li, .woocommerce-page #mainContent ul.products li{
	margin-left:0 !important;
	list-style-type:none !important;
	font-size:1.6em;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	font-size:1.6em;
	font-weight:normal;
}
.woocommerce table.shop_table{
	border-radius:0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	font-size:1.6em;
	padding:1em;
	background: #a46497;
}
.woocommerce ul.products li.product .price del{
	float:left;
	padding-right:0.5em;
}
.woocommerce .comment_container{
	font-size:1.6em;
}
.woocommerce .product > .onsale{
	z-index:1000;
	font-size:1.6em;
}
.woocommerce div.product p.stock{
	font-size:1.6em;
}

/* featured image - image slider*/
.imageGallery .galleryItem{
	height:100%;
}
.imageGallery .imageOverlay{
	position:absolute;
	bottom:1em;
	text-align:center;
	width:100%;
	text-shadow: 0 0 7px #333333;
	font-size:3em;
	color:#FFFFFF;
}

/* post comments */

#mainContent #comments{

}
#mainContent #comments li{
	font-size:1em;
	list-style-type:none;
	margin-left:0;
	border-top:1px solid rgba(0,0,0,0.3);
	padding:2em 0;
	margin-bottom:0;
}
#mainContent #comments li:after{
	display:block;
	content:'';
	clear:both;
}
#mainContent #comments img.avatar{
	width:6em;
	height:6em;
	float:left;
	margin-right:1.5em;
	margin-bottom:1em;
}
#mainContent #comments time{
	font-size:1.2em;
	margin-bottom:0.8em;
	display:block;
}
#mainContent #comments time a{
	text-decoration:none;
}
#mainContent #comments p:last-child{
	margin-bottom:0;
}

/* sidebar */

#mainSidebar{
	width:30%;
	float:right;
	margin-bottom:2em;
}

#mainSidebar img{
	max-width:100%;
	height:auto;
}

/*  menu sidebars generic*/



.sidebarItem{
	margin-bottom:2.5em;
}
.sidebarItem h3{
	margin-bottom:0.8em;
}
.sidebarMenu:after{
	content:'';
	display:block;
	clear:left;
}

.sidebarMenu li{
	border-top:1px solid rgba(0,0,0,0.3);
}
.sidebarMenu li:after{
	content:'';
	display:block;
	clear:left;
}
.sidebarMenu li p{
	margin-bottom:0;
}
.sidebarMenu li h4{
	margin-bottom:0;
	font-weight:300;
}
.sidebarMenu li a{
	display:block;
	text-decoration:none;
	padding:1em 0em;
}

.sidebarMenu .postMeta{
	font-size:1.2em;
	color:rgba(0,0,0,0.5);
}
.sidebarMenu li.level-1{

}
.sidebarMenu li.level-2{
	margin-left:1em;
	border:none;
}
.sidebarMenu li.level-3{
	margin-left:2em;
	border:none;
}
.sidebarMenu li.level-4{
	margin-left:3em;
	border:none;
}
.sidebarMenu .gutterSizer{
	display:none;
}


/* page sidebar */

.sidebarPageMenu li img{
	width:100%;
	height:auto;
}
.sidebarPageMenu .postMeta{
	display:none;
}
.sidebarPageMenu > li.current_page_item h4 a{
	font-weight:400;
}
.sidebarPageMenu .listImage ~ h4{
	font-weight:400;
}

/* post sidebar */

.sidebarPostMenu li h4{
	font-weight:400;
}
.sidebarPostMenu li img{
	width:30%;
	height:auto;
	float:left;
	padding:0 1em 1em 0;
}

/* custom menu sidebar */
.sidebarCustomMenu ul.sub-menu{
	margin-left:1em;
}
.sidebarCustomMenu ul.sub-menu li{
	border-top:none;
}
.sidebarCustomMenu li.current_page_item > a{
	font-weight:400;
}

/* categories sidebar */

.sidebarCategoryMenu a{
	font-size:1.6em;
	font-weight:300;
}
.sidebarCategoryMenu ul.children{
	margin-left:1em;
}
.sidebarCategoryMenu ul.children li{
	border-top:none;
}
/* author sidebar */

.authorProfile{
	margin-bottom:2.5em;
}
.authorProfile .avatar{
	padding-right:1em;
	float:left;
}



/* archive pages */

#mainContent .articleList{
	border-top:1px solid rgba(0,0,0,0.3);
	padding:2.5em 0;
}

.archive.title_position_above_image #mainContent > article:first-child, .archive.title_position_default #mainContent > article:first-child{
	border-top:0;
}

#mainContent .articleList .listImage{
	float:left;
}
#mainContent .articleList .listSummary{
	display:inline;
}
#mainContent .articleList .listImage img{
	padding:0 1.6em 0.6em 0;
}
#mainContent .articleList p{
	margin-bottom:0;
}

/* footer */


#footer{
	border-top:2px solid rgba(0,0,0,0.3);
}
.footerPanel{
	width:30%;
	margin-left:5%;
	float:left;
}

#footerA{
	margin-left:0;
}

#footerB{

}

#footerC{
	float:right;
}
#footerD{
	width:100%;
	clear:both;
	margin-left:0;
	text-align:center;
}
#footerD .sidebarCustomMenu{
	display:inline-block;
}
#footerD .sidebarCustomMenu li{
	display:inline-block;
	border:none;
	margin:0 0.5em;
}



/* variations based on options loaded as body classes */

.sidebar_position_left #mainSidebar{
	float:left;
}
.sidebar_position_left #mainContent{
	float:right;
}
.sidebar_position_left #mainImage{
	float:right;
}
.sidebar_position_left.title_layout_floated #mainTitleHost{
	width:65%;
	float:right;
}

.sidebar_position_right.title_layout_floated #mainTitleHost{
	width:65%;
	float:left;
}

.sidebar_position_beneath #mainSidebar{
	float:none;
	clear:left;
	width:100%;
}
.sidebar_position_beneath #mainContent{
	width:100%;
	float:none;
}
.sidebar_position_beneath #mainImage{
	width:100%;
	float:none;
	clear:both;
}
.sidebar_position_beneath #mainSidebar .sidebarItem li, .sidebarItem.wide li, .sidebarItem.grid_3 li{
	width:30%;
	margin-left:5%;
	float:left;
}
.sidebar_position_beneath #mainSidebar .sidebarItem li:nth-child(3n+1), .sidebarItem.wide li:nth-child(3n+1), .sidebarItem.grid_3 li:nth-child(3n+1){
	margin-left:0;
	clear:both;
}
.sidebarItem.grid_2 li{
	width:47.5%;
	margin-left:5%;
	float:left;
}
.sidebarItem.grid_2 li:nth-child(2n+1){
	margin-left:0;
	clear:both;
}
.sidebarItem.grid_4 li{
	width:21.25%;
	margin-left:5%;
	float:left;
}
.sidebarItem.grid_4 li:nth-child(4n+1){
	margin-left:0;
	clear:both;
}

.sidebar_position_none #mainSidebar{
	display:none;
}
.sidebar_position_none #mainContent{
	width:100%;
	float:none;
	clear:both;
}
.sidebar_position_none #mainImage{
	width:100%;
	float:none;
	clear:both;
}





.featured_image_layout_full_width #mainImage{
	width:100%;
	float:none;
	clear:both;
}
.featured_image_layout_viewport_width #mainImage{
	width:100%;
	float:none;
	clear:both;
}

.title_position_below_image:not('.sidebar_position_left') #mainTitleHost{
	clear:left;
}


.header_layout_centred #headerSearch{
	display:none;
}
.header_layout_centred #headerLogoHost{
	margin-bottom:1.5em;
}








/* 400 and up */
@media screen and (max-width:800px) {

	h1{
		font-size:2.8em;
	}

	#footerA{
		width:65%;
	}
	#footerC, #footerD{
		width:100%;
		clear:left;
		margin-left:0;
	}
	.imageGallery .imageOverlay{
		font-size:2.6em;
	}

	.sidebar_position_beneath #mainSidebar .sidebarItem li, .sidebarItem.wide li, .sidebarItem.grid_3 li, .sidebarItem.grid_4 li{
		width:47.5%;
		margin-left:5%;
	}
	.sidebar_position_beneath #mainSidebar .sidebarItem li:nth-child(3n+1), .sidebarItem.wide li:nth-child(3n+1), .sidebarItem.grid_3 li:nth-child(3n+1), .sidebarItem.grid_4 li:nth-child(4n+1){
		margin-left:5%;
		clear:none;
	}
	.sidebar_position_beneath #mainSidebar .sidebarItem li:nth-child(2n+1), .sidebarItem.wide li:nth-child(2n+1), .sidebarItem.grid_3 li:nth-child(2n+1), .sidebarItem.grid_4 li:nth-child(2n+1){
		margin-left:0;
		clear:both;
	}

}


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

	#mainSidebar{
		width:100% !important;
		float:none !important;
		clear:left !important;
	}
	#mainTitleHost{
		width:100% !important;
		float:none !important;
	}
	#mainContent{
		width:100% !important;
		float:none !important;
	}
	#mainImage{
		width:100% !important;
		float:none !important;
	}

	#footer .footerPanel{
		width:100%;
		margin-left:0;
		clear:left;
		margin-bottom:2.5em;
	}
	.imageGallery .imageOverlay{
		font-size:2.3em;

	}


	/* mobile menu changes */
	#header > .padded{
		padding-bottom:0;
	}
	#menuBar{
		display:block;
		font-size:1.6em;
		padding:0.4em;
		background:rgba(0,0,0,0.5);
		text-transform:uppercase;
		color:#FFFFFF;
		cursor:pointer;
	}
	#menuBar:after{
		content:'\f0c9';
		font-family: "Font Awesome 6 Free";
		display:block;
		position:absolute;
		top:0.5em;
		right:2.3em;
		font-size:1.2em;
		color:#FFFFFF;
	}
	#primaryNav{
		width:100%;
		clear:left !important;
		float:none;
		margin-top:0em !important;
		padding-top:1em;
		color:#FFFFFF;
	}
	#headerSearch{
		position:absolute;
		bottom:0em;
		right:4%;
		margin-left:0 !important;
		z-index:1010;
	}
	#primaryNav .menu{
/* 		height:0; */
		display:none;
		overflow:hidden;
		position:absolute;
		background:rgba(0,0,0,0.8);
		z-index:1000;
		width:100%;
	}
	#primaryNav li{
		float:none !important;
		width:100% !important;
	}
	#primaryNav ul.sub-menu{
		display:block !important;
		position:relative !important;
		margin-left:2em;
		width:auto !important;
		background:transparent !important;
	}
	#primaryNav ul.sub-menu a{
		color:rgba(255,255,255,0.8);
		display:block;
	}


	.header_layout_centred #header #primaryNav .sub-menu{
		text-align:center;
		margin-left:0;
	}


}

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

	.sidebar_position_beneath #mainSidebar .sidebarItem li, .sidebarItem.wide li, .sidebarItem.grid_3 li, .sidebarItem.grid_2 li, .sidebarItem.grid_4 li{
		width:100%;
		margin-left:0;
		float:none;
	}

}

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

	.imageGallery .imageOverlay{
		font-size:1.8em;
	}

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

	body{
		font-size:70%;
	}
	#headerSearch{
		font-size:0.85em;
	}


}