/*
Theme Name: Studio Experience
Author: ClickConverters Developer - Austen Cabler
Version: 1.0
*/


/*===========================

General

===========================*/

/*General*/


body {
    font-family: 'Gentium Basic';
    font-weight: 500;
	font-size: 20px;
	line-height: 1.5 !important;
    letter-spacing: 0.5px;
}
#wrapper{
	overflow-x: hidden;
}
img{
	max-width: 100%;
	height: auto;
}
ol,ul{
	margin:30px;
}

a{
	transition:.3s ease;
	color:#093a58;
}
a:hover{
	cursor: pointer;
}
h1{
	font-size: 2.8em;
	margin: 0;
	text-transform:uppercase;
}
h2{
	font-size: 2em;
	margin: 0;
}
h3{
	font-size: 1.8em;
	font-weight: 600;
	margin:0;
}
h4{
    font-size: 22px;
    font-weight: 700;
}
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}body{line-height:1}button{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

video{
	max-width: 100%;
	width: 100%;
	height:auto;
}

/*Menu*/
.cart_menu img{
	max-width: 50px;
	padding-top: 20px;
}
.responsive_menu{
	display: none;
	max-width: 50px;
    float: none;
    position: absolute;
    right: 15px;
    top: 0;
    transition: .3s ease;
}
#menu img{
	margin-top: 15px;
	margin-bottom: 15px;
}
#header {
    font-weight: 800;
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
}
#top-menu{
	padding-top: 40px;
	display: block;
	text-align: center;
}

.sub-menu {
    display: none;
    position: absolute;
    background: #878787;
    padding: 10px;
    width: 300px;
    text-align: left;
}
.sub-menu li{
	display:block;
	width:100%;
}
.sub-menu li a{
	color: #fff;
    font-size: 20px;
}
.sub-menu a:hover {
    color: #d60000 !important;
}
.opensub{
	display:block;
}
.nav li {
    display: inline-block;
    border-bottom: 2px solid #878787;
    margin: 0px -3px;
}
.nav li:hover {
    border-bottom: 2px solid #d60000;
}
.nav a {
    color: #d60000;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px;
    transition: .3s ease;
}
.nav a:hover{
	color:#818285;
	text-decoration: none;
}
.scrolling .nav a{
	 color: #000;
	text-shadow: none;
}


/*Headers*/
h1{
	font-weight: 900;
}
h2, h3, h4, h5, h6{
	font-weight:bold;
	width: 100%;
}


/*WooCommerce*/
.woocommerce #site, .woocommerce-cart #site, .woocommerce-page #site{
	max-width: 1140px;
	margin:auto;
}
.sku_wrapper{
	display:none;
}
.woocommerce .woocommerce-breadcrumb{
	padding-top: 30px;
}
.woocommerce-products-header__title{
	color:#d60000;
}
.woocommerce-products-header__title:before {
    content: url(http://demo.clickconverters.com/studioexperience/wp-content/uploads/se-icon.png);
    height: 30px;
    position: relative;
    float: left;
    padding: 10px;
}
.woocommerce-Price-amount{
	font-size: 40px;
	padding-top: 20px;
}
.archive .woocommerce-Price-amount{
	font-size: 30px;
	padding-top: 20px;
}
.woocommerce .quantity .qty {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #878787;
}
.woocommerce button.button.alt, .checkout-button{
	background: #d60000 !important;
	background-color: #d60000 !important;
	transition: .3s ease;
}
.woocommerce button.button.alt:hover{
	background: #b20000;
}
.woocommerce .related{
	clear:both;
}
.term-image{
	width:265px;
	float:left;
	padding: 0px 15px 15px 0px;
}
/*Woo Cart*/
#shipping_method .woocommerce-Price-amount {
    font-size: 18px;
    padding-top: 0px !important;
}
.woocommerce ul#shipping_method li input {
    vertical-align: baseline !important;
}
.woocommerce-cart-form{
	padding-top: 50px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	max-width: 48%;
}
.woocommerce-input-wrapper{
	display: block;
	width:100%;
}
.woocommerce-checkout .input-text {
    display: block;
    width: 100%;
    border: 1px solid #878787;
    padding: 5px 10px;
    border-radius: 10px;
}
/*Woocommerce Account*/
.woocommerce-account #site{
	padding-top: 50px;
	padding-bottom: 50px;
}
.woocommerce-MyAccount-navigation ul{
	padding-left:0;
	list-style:none;
}
.woocommerce-MyAccount-navigation ul li{
	text-align:center;
	border:1px solid #878787;
	margin-bottom:2px;
}
.woocommerce-MyAccount-navigation ul li.is-active{
	background:#878787;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
	color:#fff;
}
/*Site*/
.gal{
	margin-bottom:30px;
	border-radius:10px;
}
.postGridItem{
	border-radius:10px;
}
.postGridItem:last-child:nth-child(3n - 2) {
	grid-column: span 1;
	grid-column-start: 2;
}
.gform_footer {
	margin-top: 0 !important;
}
.gform_body input, .gform_body textarea{
	border: none;
	border-radius: 10px;
	background: #DDDDDD;
	padding:5px 10px;
}
.gform_button {
	background: #EF2329 !important;
	color:#fff;
	border: none;
	padding: 10px;
	border-radius: 10px;
}
blockquote{
	margin: 40px 20px !important;
	font-family: 'Crimson Text';
	font-size:24px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #535353;
	display:block;
	padding:15px;
	position:relative;
}
blockquote em {
    font-weight: 600;
    display: block;
    color: #1b5581;
}
blockquote::before {
    content: '\f10d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: -60px;
    opacity: .2;
    font-size: 60px;
    z-index: -1;
}
blockquote::after {
    content: '\f10e';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: 0;
    right: -30px;
    opacity: .2;
    font-size: 60px;
    z-index: -1;
}
/*Home*/
.nomargin{
	margin:0 !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
.blog_title {
    padding-top: 20px;
    font-size: 24px;
    padding-bottom: 10px;
	font-weight: 800;
	margin-bottom: 15px;
}
.blog_post a{
	color:#fff;
	transition:.3s ease;
}
.blog_post a:hover{
	color:#818285;
}
.blog_post .button{
	background: #818285;
	padding:5px 40px;
	margin: 15px 0px;
	display: inline-block;
}
.blog_post .button:hover{
	background: #fff;
	color:#818285;
}
/*BLOG SINGLE*/
.blog_header {
    background-size: cover !important;
    text-align: center;
	background-position: center center !important;
	background-attachment: fixed !important;
	min-height: 370px;
}
.entry-title{
	background: #878787;
	color:#fff;
	text-align: center;
}
.single #content{
	padding: 30px 0px;
}
/*BLOG INDEX*/
.background-video-header{
	overflow:hidden;
	z-index:2;
	position: relative;
	margin-bottom:30px;
}
.background-video-header video{
	position:absolute;
	z-index:2;
	width: 105%;
    max-width: 120%;
}
.background-overlay{
	background: rgba(0,0,0,.5);
	height:100%;
	width:100%;
	position:relative;
	z-index:3;
	padding:125px 0px;
}
.blog-title{
	text-align: center;
	padding: 30px 0px;
	color:#fff;
}
.blog-title-logo{
	margin:auto;
	display:block;
}
.news {
	padding-bottom:20px;
	border-bottom: 2px solid #d60000;
}
.news:last-of-type{
	border-bottom: none;
}
.newstxt h4{
	margin: 0px 0px 20px;
}
.newstxt h4 a{
	color: #d60000;
}
.read_more{
	display: inline-block;
	border: 2px solid #d60000;
	color:#000;
	padding:10px 20px;
	margin: 20px 0px;
}
.read_more:hover{
	display: inline-block;
	border: 2px solid #d60000;
	background: #d60000;
	color:#fff;
	text-decoration: none;
}
/*PopUps*/
img.mfp-img {
    background: #fff;
}
.mfp-counter {
    right: 10px !important;
}




/*Footer*/
footer{
	border-top: 10px solid #d60000;
	text-align: center;
	color:#fff;
	background-size: cover !important;
	position: relative;
}
footer .overlay{
	position: absolute;
	width:100%;
	height:100%;
	opacity: .8;
	z-index: 1;
}
footer .container{
	position: relative;
	z-index: 5;
}
.foot_header{
	padding-top: 80px;
	padding-bottom: 30px;
}
.foot_content{
	max-width: 50%;
	margin: auto;
}
.foot_contact{
	font-size: 36px;
}
.foot_address{
	padding-bottom: 200px;
}
#gform_fields_1{
	text-align:center;
}
footer .gform_body input, footer .gform_body textarea {
    border: none;
    background: #DDDDDD;
    width: 100% !important;
	border-radius:0;
    padding: 5px 10px !important;
}
footer .gform_footer {
    position: relative;
    width: 30% !important;
    margin: auto !important;
}
footer #field_1_2{
	width:30%;
}
#gform_submit_button_1 {
    position: absolute;
    top: -40px;
    right: 7px;
    background: #000!important;
    color: #fff;
    border: none;
    padding: 10px 10px;
    border-radius: 0px;
}
footer i{
	font-size:40px;
	padding:0px 10px;
	color: #ffffff;
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#fd6500;
}
footer ul{
	list-style: none;
}
footer li{
	display:inline-block;
	margin: 0px 15px;
}
.copy{
	padding-top: 20px;
	padding-bottom: 20px;
}
/*====================================================
RESPONSIVE
====================================================*/
/* Large desktop */
@media (min-width: 1200px) {
	
	
}
/*Special Correction*/
@media (min-width: 1025px) and (max-width: 1300px) {
	.nav a {
		font-size: 18px;
	}
}
/*Bootstrap Built in Breakpoint*/
@media (min-width: 978px) and (max-width: 1199px) {
	#top-menu {
		padding-top: 25px;
	}
	.nav a {
		font-size: 18px;
	}
	.gal {
    	height: 150px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 977px) {
	#top-menu {
		padding-top: 30px;
	}
	.nav a {
		font-size: 18px;
	}
	.port_header {
    	min-height: 300px;
	}
	.gal {
    	height: 150px;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		max-width: 100%;
	}
	.woocommerce-products-header{
		padding:0px 15px;
	}
	.type-product{
		padding: 0px 15px;
	}
	.woocommerce .woocommerce-breadcrumb {
		padding: 30px 15px 0px 15px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#wrapper{
		overflow: hidden;
	}
	.port_header {
    	min-height: 100px;
	}
	blockquote::before{
		left: -30px;
	}
	/*Responsive Menu*/
	.scrolling img{
		max-width: 50px;
	}
	.scrolling{
		background: rgba(255,255,255,.0);
	}
	.logo_holder{
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.logo_menu img {
		max-width: 110px;
		display: block;
		margin: 0;
		padding: 0px 10px;
	}
	.cart_menu{
		position:fixed;
		right:15px;
		bottom: 20px;
	}
	.cart_menu img{
		background:#fff;
		border-radius:50%;
		padding:10px;
		margin:0;
		box-shadow: 0px 0px 10px #000;
	}
	.responsive_menu{
		filter: brightness(0);
	}
	.scrolling .responsive_menu img{
		filter: brightness(0%);
	}
	#menu{
		max-height: 90px;
		overflow: hidden;
	}
	#menu.menu-open{
		max-height: 10000px;
		overflow: hidden;
	}	
	.responsive_menu {
		display: inline-block;
	}
	.scrolling .logo_holder{
		background: #fff;
	}
	#top-menu {
		padding-top: 10px;
		padding-left: 0px;
		display: block;
		text-align: center;
	}
	.nav li {
		display: block;
		padding: 20px 0px;
	}
	.nav a {
		text-shadow: none;
		font-size: 18px;
	}
	.navigation {
		position: relative;
		padding: 0 !important;
		left: 100%;
		margin: 0 !important;
		transition: .3s ease;
	}
	.menu-open .navigation{
		left: 0;
	}
	.menu-open .responsive_menu img{
		transform: rotate(90deg);
	}
	.sub-menu {
		width: 100%;
		text-align: center;
	}
	/*Content*/
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		max-width: 100%;
	}
	.woocommerce #site, .woocommerce-cart #site, .woocommerce-page #site {
		padding: 0px 15px;
	}
	.woocommerce-account .woocommerce-Button{
		width: 100%;
		text-align: center;
	}
	.background-video-header video {
		width: 255%;
		max-width: 255%;
		top:0;
	}
	.archive .woocommerce-Price-amount {
		font-size: 22px;
	}
	.product_title {
		font-size:2em;
	}
	.woocommerce-products-header__title{
		font-size: 1.5em;
		padding-bottom: 20px;
	}
	.woocommerce-products-header__title:before{
		top:-10px;
	}
	.term-image {
		float: none;
		margin: auto;
	}
	/*Footer*/
	footer{
		font-size:14px;
	}
	footer li {
		display: block;
		font-size:20px;
	}
	footer #field_1_2 {
		width: 100%;
	}
	footer .gform_footer {
		width: 100% !important;
	}
	#gform_submit_button_1{
		position: relative;
		top: 0;
		width: 100%;
		font-size: 20px;
		border: 1px solid #fff;
	}
			
}
@media (max-width: 480px) {
	
	
}