/* HEIGHT MENU */

			header #logo { height: 100px;	 }
			/*.open-nav { height: 100px; }
			.open-nav .text { line-height: 100px;	 }*/
			header.header-open:not(.header-transparent) nav#main-nav > ul > li > a { line-height: 100px; }
			header.header-open:not(.header-transparent) nav#main-nav ul li > ul.sub-menu { top: calc(50% + 15px); }
			/*#page-body { padding-top: 180px; }*/
			header:after, header:before { top: -180px; height: 180px; }	
			header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 180px; }
			#header-filter, #header-share, #header-search { top: -180px;	 min-height: 180px; }
			header.header-open:not(.header-transparent) #menu .open-filter, header.header-open:not(.header-transparent) #menu .open-share, header.header-open:not(.header-transparent) #menu .open-search, header.header-open:not(.header-transparent) #menu .menu-language { top: calc(45px + 2px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
			
			header.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 220px); }
			header.margin-medium.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 180px); }
			header.margin-small.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 160px); }
			
					@media only screen and (max-width: 781px) {
						header #logo { height: 30px;	 }
						header:after, header:before { top: -90px; height: 90px; }
						header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 90px; }
					}
				#page-loader { z-index: 11; }
/* CUSTOM FONTS */
body {font-family: "Quicksand";font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: 0.02em;}body strong,body b { font-weight: 700; }.widget_nav_menu ul.menu > li { font-weight: 700; }.widget_nav_menu ul.menu > li > .sub-menu li { font-weight: 400; }h1, .h1 {font-family: "Montserrat";font-weight: 400;font-size: 84px;line-height: 109px;letter-spacing: 0.08em;text-transform: uppercase;}h1 strong,h1 b { font-weight: 700; }#page-loader .loader, .inline-video:after { font-family:Montserrat; font-weight:400; text-transform: uppercase; letter-spacing: 0.08em; }h2, .h2 {font-family: "Montserrat";font-weight: 400;font-size: 56px;line-height: 72px;letter-spacing: 0.08em;text-transform: uppercase;}h2 strong,h2 b { font-weight: 700; }h3, .h3 {font-family: "Montserrat";font-weight: 400;font-size: 34px;line-height: 44px;letter-spacing: 0.08em;text-transform: uppercase;}h3 strong,h3 b { font-weight: 700; }h4, .h4 {font-family: "Montserrat";font-weight: 400;font-size: 27px;line-height: 35px;letter-spacing: 0.08em;text-transform: none;}h4 strong,h4 b { font-weight: 700; }#reply-title { font-size: 27px;line-height: 35px; }h5, .h5 {font-family: "Montserrat";font-weight: 400;font-size: 20px;line-height: 26px;letter-spacing: 0.08em;text-transform: uppercase;}h5 strong,h5 b { font-weight: 700; }.woocommerce-MyAccount-navigation ul li a { font-size: 20px; line-height: 26px; }h6, .h6 {font-family: "Montserrat";font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 0.08em;text-transform: uppercase;}h6 strong,h6 b { font-weight: 700; }legend { font-size: 16px; line-height: 20px; }.sr-button-text, #scroll-down, #backtotop, .entries-pagination li a, .single-pagination li a, #menu .open-filter, #menu .open-share, .menu-cart-content .cart-bottom .total .label { font-size: 12px;  }.price, .amount, .shop-container .shop-item .grid-button .sr-button-text, .shop-container .shop-item .grid-button .sr-button-text strong, ul.cart_list li .item-name { font-size: 14px;  }@media only screen and (max-width: 1024px) { body { font-size: 16px !important; line-height: 20px !important; }h1, .h1 { font-size: 74px !important; line-height: 96px !important; }h2, .h2 { font-size: 48px !important; line-height: 62px !important; }h3, .h3 { font-size: 30px !important; line-height: 39px !important; }h4, .h4 { font-size: 24px !important; line-height: 31px !important; }h5, .h5 { font-size: 19px !important; line-height: 24px !important; }h6, .h6 { font-size: 16px !important; line-height: 20px !important; } }@media only screen and (max-width: 781px) { body { font-size: 16px !important; line-height: 20px !important; }h1, .h1 { font-size: 60px !important; line-height: 78px !important; }h2, .h2 { font-size: 38px !important; line-height: 49px !important; }h3, .h3 { font-size: 28px !important; line-height: 36px !important; }h4, .h4 { font-size: 22px !important; line-height: 28px !important; }h5, .h5 { font-size: 18px !important; line-height: 23px !important; }h6, .h6 { font-size: 16px !important; line-height: 20px !important; } }@media only screen and (max-width: 481px) { body { font-size: 15px !important; line-height: 19px !important; }h1, .h1 { font-size: 42px !important; line-height: 54px !important; }h2, .h2 { font-size: 32px !important; line-height: 41px !important; }h3, .h3 { font-size: 26px !important; line-height: 33px !important; }h4, .h4 { font-size: 21px !important; line-height: 27px !important; }h5, .h5 { font-size: 18px !important; line-height: 23px !important; }h6, .h6 { font-size: 16px !important; line-height: 20px !important; } }.alttitle {font-family: Josefin Sans;font-weight: 400;letter-spacing: 0.04em;text-transform: none;}.alttitle b, .alttitle strong { font-weight: 700; }table caption, blockquote, .copyright, ul.filter li a, .blog-masonry-entry .blog-content .time, .blog-masonry-entry .post-sticky, .widget_rss .rss-date, .widget_rss cite,
			.price, .amount, .woocommerce span.onsale,
			.woocommerce-MyAccount-navigation ul li a { font-family: Josefin Sans;font-weight: 400;letter-spacing: 0.04em;}#blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-category span, #blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-tags span, .menu-cart-content .cart-bottom .total .label { font-family: Josefin Sans;font-weight: 400;}nav#main-nav ul li > a, .open-nav .text, .widget_nav_menu ul.menu li {font-family: Maven Pro;font-weight: 700;font-size: 14px;letter-spacing: 0.12em;text-transform: uppercase;}.widget_calendar tfoot a, #menu .open-filter, #menu .open-share, #menu .menu-language a, #scroll-down, .single-pagination li a, .entries-pagination li a, .entries-pagination li span, .sr-button-text, .sr-button-text strong, #blog-comments .comment-reply-link, #blog-comments #cancel-comment-reply-link, #backtotop, table th, .woocommerce .cart-actions .button, .woocommerce .coupon input[type=submit], .woocommerce .checkout-coupon input[type=submit], .phatvideo-bg .mute-video, .phatvideo-bg .playpause-video {font-family: Maven Pro;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;}#blog-single .blog-meta .meta-author a, #blog-single .blog-meta .meta-category a, #blog-single .blog-meta .meta-tags a {font-family: Maven Pro;font-weight: 700;text-transform: uppercase;}nav#main-nav ul li > ul.sub-menu li a {font-family: Maven Pro;font-weight: 400;font-size: 13px;letter-spacing: 0.1em;text-transform: uppercase;}a.sr-button, input[type=submit], .button, a.button {font-family: Montserrat;font-weight: 400;letter-spacing: 0.1em;text-transform: uppercase;}label, form label {font-family: Lato;font-weight: 400;font-size: 13px;letter-spacing: 0.1em;text-transform: uppercase;}input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, select, .select2-container .select2-choice .select2-chosen {font-family: Montserrat;font-weight: 700;font-size: 16px;text-transform: none;} 

/* COLOR */

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #6627db !important; }
input[type=submit], .button { background: #6627db; }
a { color: #6627db; }
.colored { color: #6627db; }
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background: #6627db; }
nav#main-nav > ul:not(.hover-underline) > li:hover > a, nav#main-nav > ul:not(.hover-underline) > li.current-menu-item > a { color: #6627db !important; }
#backtotop:hover { color: #6627db; }
ul.filter li a.active, ul.filter li a:hover { color: #6627db; }
#blog-single .blog-meta .meta-author a:hover, #blog-single .blog-meta .meta-category a:hover, #blog-single .blog-meta .meta-tags a:hover { color: #6627db; }
.single-pagination li a:hover span	{ color: #6627db; }
.single-pagination li.backtoworks a:hover { color: #6627db; }
.entries-pagination li a:hover, .entries-pagination li.page span { color: #6627db; }
#blog-comments #cancel-comment-reply-link { color: #6627db; }
a.sr-button1:hover { background: #6627db; }
a.sr-button2 { background: #6627db; }
a.sr-button3:hover { background: #6627db; }
a.sr-button4 { background: #6627db; }
a.button:hover { background: #6627db; }
.inline-video:hover::before { color: #6627db; }
.inline-video .inline-iframe-container .close-inline-video:hover { color: #6627db; }
.tabs ul.tab-nav li a.active { color: #6627db; }
.toggle-item .toggle-title.toggle-active:after { color: #6627db; }
.toggle-item .toggle-title:hover:after { color: #6627db; }
.toggle-item .toggle-title:hover .toggle-name  { color: #6627db; }	
.toggle-item .toggle-title.toggle-active .toggle-name  { color: #6627db; }
#hero .page-title h1 a, #hero .page-title h2 a, #hero .page-title h3 a, #hero .page-title h4 a, #hero .page-title h5 a, #hero .page-title h6 a { color: #6627db; }


.wolf-caption a.caption-hover:hover h4, 
.wolf-caption a.caption-hover:hover h5, 
.wolf-caption a.caption-hover:hover h6, 
.wolf-caption a.caption-hover:hover h3 { color: #6627db; }	

.shop-container .shop-item .grid-button .sr-button-text:hover,
.woocommerce .cart-actions .button,
.woocommerce .coupon input[type=submit], .woocommerce .checkout-coupon input[type=submit],
.woocommerce .star-rating span,
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { color: #6627db; }




/* CUSTOM CSS (Theme Options) */
/*LOGO HEIGHT*/
header #logo {
    height: 100px;
}

/*PAGE TITLE FOR FILTER APPEARANCE*/
#hero .page-title{
    padding-top:180px;
    padding-bottom:15px;
}

/*
header #logo #dark-logo + #light-logo{
    height: 0%;
}

#light-logo{
    height: 100%;
    width: 100%;
}

#dark-logo, #light-logo{
    height: auto;
}

#light-logo img{
    height: 100%;
    width: 100%;
}*/

header #logo #dark-logo + #light-logo{
    height: auto;
}

a#dark-logo.logotype{
    height: auto;
}

header #logo img {
    max-height: 50%;
}

.open-nav .text {
     line-height: 0px;
}

.open-nav {
    height: 0px;
}

nav#main-nav ul li > a {
    line-height: 0px;
    height: 10px;
}

#menu .open-filter, #menu .open-share, #menu .open-search {
    top: 10px;
}

ul#primary li, ul#primary li a{
    height: 50px;
}

/*REMOVE THE LOADING WORD*/
#page-loader .loader strong{
    color: transparent;
}

/*APPLY THE ANIMATED GIF PRELOADER LOOP*/
#page-loader .loader{
    top: 45%;
    line-height: 140px;
    background-image: url("http://dwightcosca.com/wp-content/uploads/2016/08/preloader-anim2.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 138px;
}

/*CHANGE FOOTER FONT*/
footer .copyright{
    font-family: 'Quicksand', sans-serif;
}

footer .footer-inner {
    padding: 85px 0px;
}

/*REMOVE ERROR RESPONSE BORDER*/
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, div.wpcf7-spam-blocked{
    border: 0px solid #FFFFFF;
}

/*REMOVE SPINNING SUBMIT LOADER GIF*/
div.wpcf7 img.ajax-loader{
    display:none;
}

/*CHANGE INPUT BORDER BOTTOM TO RED*/
input.wpcf7-not-valid, textarea.wpcf7-not-valid {
    border-bottom: 1px solid #fa4d5a;
}

/*CHANGE SELECTED INPUT TO RED WHEN INVALID*/
input[type=text].wpcf7-not-valid, input[type=email].wpcf7-not-valid, textarea.wpcf7-not-valid{
    border-bottom: 1px solid #fa4d5a;
}

/*CHANGES FONT LABELS TO RED WHEN INVALID*/
.label-invalid{
    color: #fa4d5a;
}

/*CHANGES FONT LABELS BACK TO BLACK WHEN VALID*/
.label-valid{
    color: #0d0d0d;
}

div.response-container{
    margin: 1em 0.0em 1.5em;
    padding: 0px;
    height: 15px;
}

div.wpcf7-response-output{
    display: inline;
    margin: 0.0em;
    padding: 0px; 
    font-family: "Quicksand";
    font-weight: 400;
    letter-spacing: 0.02em;

    border: 0px solid white;
}

div.wpcf7-display-none{
    border: 0px solid white;
}

.wpcf7-validation-errors, .wpcf7-spam-blocked{
    color: #fa4d5a;
}

.wpcf7-mail-sent-ok{
    color: #45DD5E;
}

#recaptcha-id{
    margin: 2em 0.0em 0em;
}

i.cf-excl{
    color: #fa4d5a;
}

i.cf-check{
    color: #45DD5E;
}

#recaptcha-id ~ span {
    display: none;
}

#smartPassword.requiredField{
    margin-bottom: 40px;
}


/* Smartphones (portrait) ----------- */
@media only screen 
  and (max-width : 320px)
  and (orientation: portrait) {
    header #logo img {max-height: 30%;}
    header #logo.show-light-logo #dark-logo{opacity:0;}
    .header-transparent #logo #dark-logo{opacity:1;}
    header.hero-invisible #logo #dark-logo{opacity:1!important;}
    header #logo.show-light-logo #dark-logo{opacity:0;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    header #logo img {max-height: 30%;}
    header #logo.show-light-logo #dark-logo{opacity:0;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo{opacity:0!important;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo + #light-logo{opacity:1!important;}
    header:not(.header-open) #logo.show-light-logo #dark-logo{opacity:1!important;}
    header:not(.header-open) #logo.show-light-logo #dark-logo + #light-logo{opacity:0!important;}
}

@media only screen and (max-width: 1024px){
    header #logo.show-light-logo #dark-logo{opacity:0;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo{opacity:0!important;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo + #light-logo{opacity:1!important;}
    header:not(.header-open) #logo.show-light-logo #dark-logo{opacity:1!important;}
    header:not(.header-open) #logo.show-light-logo #dark-logo + #light-logo{opacity:0!important;}

    #hero .page-title{padding-top:100px; padding-bottom:15px;}
}


@media only screen and (min-height: 769px){
    .column {margin-top:15px;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo{opacity:0!important;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo + #light-logo{opacity:1!important}
}

@media only screen and (max-width: 781px){
    .column {margin-top:15px;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo{opacity:0!important;}
    header:not(.hero-invisible) #logo.show-light-logo #dark-logo + #light-logo{opacity:1!important}
}