@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'Cyberspace';
    src: url('fonts/Cyberspace.eot');
    src: url('fonts/Cyberspace.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cyberspace.woff2') format('woff2'),
        url('fonts/Cyberspace.woff') format('woff'),
        url('fonts/Cyberspace.ttf') format('truetype'),
        url('fonts/Cyberspace.svg#Cyberspace') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*----- GENERAL STYLES & CONTAINERS -----*/

html { margin-top: 0 !important; }

body {font-family: 'Open Sans', sans-serif;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43245f+1,cc1845+51,f3ad4b+100 */
background: #43245f; /* Old browsers */
background: -moz-linear-gradient(top, #f3ad4b 1%, #cc1845 51%, #43245f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3ad4b 1%,#cc1845 51%,#43245f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3ad4b 1%,#cc1845 51%,#43245f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43245f', endColorstr='#f3ad4b',GradientType=0 ); /* IE6-9 */
    
    
}
.home .site {box-shadow: none;}
.site { width: 100%; }
.site-content {background: #fff; width: 80%; max-width: 1200px; padding: 1% 5%; display: block; margin: 30px auto; -webkit-box-shadow: 10px 10px 10px -6px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 10px -6px rgba(0,0,0,0.5); box-shadow: 10px 10px 10px -6px rgba(0,0,0,0.5);}
footer {background: linear-gradient(141deg, #0090ff 0%, #1fc8db 51%, #2cb5e8 75%); width: 100%; padding-top: 30px;}
.site-header {height: 400px; width: 100%; padding: 25px 5% 1% 5%; background: #fff; position: absolute; z-index: 999; background: none;}
.site-branding {display: block; float:left; width: 30%; text-align:right;}
.site-branding img { max-width: 320px; }
.main-navigation {float:right; width: 70%; clear:none;}
.header-inner-wrapper {width: 80%; max-width: 1200px; margin: 0 auto; background: none;}
.site-content footer {background: none;}
footer .site-info {color:#fff;}
footer .site-info p {color:#fff;}
footer .wpcf7 p {float:left; width:100%; margin:0; padding:0;}


/*-- HOME SPECIFIC STYLES --*/

.home .site-header { position: absolute; }

/*-- NON-HOME SPECIFIC STYLES --*/

.site-header { position: relative; min-height: 200px;}
.page-template-page_featuredimage .site-header { min-height: 400px; }
.site-featured-image { position: absolute; height: 400px; overflow: hidden; width: 100%; z-index: 1; box-shadow: 0 5px 5px rgba(0,0,0,0.5); text-align: center; }
.site-featured-image img { min-height: 400px; display: block; margin: 0 auto; min-width: 100%; max-width: none;     position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto; }


/*--- SLIDER ---*/

h1.tp-caption   {
   text-shadow:
       6px 6px 0 #fff,
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}


/*--- HEADER CART BUTTONS ---*/

.home .cart-buttons a {padding: 5px 10px; background-color: rgba(255, 255, 255, 0.75); margin:0 5px 0 0;}
.cart-buttons {margin:10px 0 0 0;}
.cart-buttons a {font-size: 18px; text-decoration: none; margin:0 10px 0 0;}

/*-- HEADER CROWN & SOCIAL ICONS --*/
.crown-icon {position:absolute; z-index:9999; right:0; max-width: 200px; margin: 15px;}
.social-icons { position:absolute; z-index:9999; left:0; padding:25px 0 0 25px; }
.social-icons a { text-align: center; width:40px; height:40px; border-radius:20px; color:#fff !important; float:left; font-size:22px; margin:0 10px 0 0px; padding:3px 10px;}
.social-icons a:hover { background-color:#ff00ff; }
.social-icons .facebook { background-color:#0090ff; }
.social-icons .instagram { background-color:#ff00ff; }
.social-icons .instagram:hover  { background-color:#0090ff; }
.social-icons .youtube { background-color:#ff0000; }

/*-- HOME STYLES --*/

#rev_slider_1_1_wrapper {box-shadow: 0 5px 5px  rgba(0,0,0,0.5);}
.home .entry-header {display:none;}
.contact-block a, .contact-block a:visited, .contact-block a:active, .contact-block a:link {text-decoration:none; color:#fff; background-color:#ff00ff; border-radius:10px; padding: 10px 20px; box-shadow: 5px 5px #41225d;}
.contact-block a:hover {background-color:#0090ff;}


/*-- CONTENT STYLES --*/


/*---- CAPTCHA ------*/

.wpcf7-recaptcha {float:right; margin-top: 20px;}


/*----- GENERAL TEXT STYLES -----*/

p {font-weight: 300; color:#22162d;}
.entry-title {text-align: center; margin: 10px 0 10px 0;}
h1 {font-weight: 300; font-size: 54px;  font-family: 'Leckerli One', cursive; color:#ff00ff; line-height:1.2; text-shadow: 2px 2px #ffb4ff;}
h2 {font-weight: 300; font-size: 38px;  font-family: 'Leckerli One', cursive; color:#0090ff; line-height:1.2; margin-top:0; text-shadow: 2px 2px #ffb4ff;}
h3 {font-size:26px; color:#0090ff; margin: 5px 0;}
h2.widget-title {text-align: center;}
.site-footer h2 {color:#fff; text-align:left; text-shadow: 2px 2px #41225d; margin:0 0 20px 0; min-height: 100px;}
a, a:visited, a:active, a:link {color:#22162d; transition: all 0.5s;}
a:hover {color:#867793; transition: all 0.5s;}
a, a:visited, a:active, a:link { color:#0090ff; }



/*----- PRIMARY MENU -----*/

.main-navigation ul {float: left; width:100%;}
.menu-primary-menu-container a {color:#fff; font-weight: 300; font-size: 20px; text-transform: uppercase; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.85);}
.menu-primary-menu-container a:hover {color:#ff00ff;}
.main-navigation ul {list-style-type: none; margin: 0; text-align: center;}
.main-navigation li {float: none; display: inline-block; margin:0 10px 0 0;}
.main-navigation .current_page_item a {color:#fff;}
.main-navigation a {display: inline-block;}


/*---- MENU ICONS ----*/

.menu-item a.menu-image-title-below.menu-image-not-hovered img {max-width:100px;  -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));}
  
 

/*--- CONTACT FORM ---*/

span.wpcf7-form-control-wrap {width: 70%; float:right;}
label {width: 30%; float:left; text-align:right; padding:0 10px 0 0; margin-bottom: 25px; height: 32px;}
.wpcf7 br {display: none;}
input[type="submit"] {float:right; border:none; background:#ff00ff; color:#fff; font-size:24px; border-radius:8px; padding:10px 40px; margin:15px 0 0 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; box-shadow: 5px 5px #41225d;}
input[type="submit"]:hover { background:#41225d; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { width: 100%; }

.wpcf7 p { float: left; width: 100%; margin: 0; padding: 0;}


/*-- CONTACT FORM 7 ERRORS --*/

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { float: right; }
div.wpcf7-mail-sent-ok { float: right; }
div.wpcf7-response-output { float: right; }

/*-- FOOTER CONTACT FORM --*/

footer span.wpcf7-not-valid-tip { background-color: red; color: #fff; padding: 5px 10px; margin: 5px 0 15px 0; border-radius: 3px; }

footer input[type="text"], 
footer input[type="email"], 
footer input[type="url"], 
footer input[type="password"], 
footer input[type="search"], 
footer input[type="number"], 
footer input[type="tel"], 
footer input[type="range"], 
footer input[type="date"], 
footer input[type="month"], 
footer input[type="week"], 
footer input[type="time"], 
footer input[type="datetime"], 
footer input[type="datetime-local"], 
footer input[type="color"], 
footer textarea {width: 100%; border:none; box-shadow: 5px 5px #41225d;}
footer span.wpcf7-form-control-wrap {width: 70%; float:right;}
footer label {width: 30%; float:left; text-align:right; padding:0 10px 0 0; margin-bottom: 25px; height: 32px;}
select {width: 100%; height: 32px;}
footer .wpcf7 br {display: none;}
footer input[type="submit"] {float:right; border:none; background:#ff00ff; color:#fff; font-size:24px; border-radius:8px; padding:10px 40px; margin:15px 0 0 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; box-shadow: 5px 5px #41225d;}
footer input[type="submit"]:hover { background:#41225d; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }




/*----- FOOTER -----*/

.site-info {width: 80%; max-width: 1200px; margin: 0 auto; }
.copyright {width: 100%; height: 40px; color:#fff; background:#41225d; padding:2px 0 0 0;  float: left;}
.copyright p {margin:5px 0 0 0; color:#fff; text-align: center; font-size: 10px; }
.copyright a {color:#fff;}

.site-footer .side-left {width: 33%; float: left; padding: 0 20px 30px 0;}
.site-footer .side-middle {width: 33%; float: left; padding: 0 0 30px 0;}
.site-footer .side-right {width: 33%; float: right; padding: 0 0 0 30px; text-align: left;}

.site-footer .footer-menu {width: 100%; text-align: center; float: left; margin: 10px 0 10px 0;}
.site-footer .footer-menu ul {list-style-type: none; margin: 0; padding: 0;}
.site-footer .footer-menu li {display: inline-block; margin:0 5px 0 5px; padding: 0;}
.site-footer .footer-menu li:after {content:"•"; margin: 0; padding: 0;}
.site-footer .footer-menu li:last-child:after {content:""}
.site-footer .footer-menu a {color:#22162d; text-decoration: none; margin: 0; padding: 0 15px 0 0; font-size: 16px; font-weight: 300;}


/*-- INSTA FEED --*/
.instagram-feed {margin: 25px 0; float: left; width: 100%;}








/*------------ RESPONSIVENESS ---------------*/

/*------------ SLIDER TEXT ---------------*/




/*------------ SMALL LAPTOP/TABLET ---------------*/
@media screen and (min-width:1200px) and (max-width: 1600px){
    
    
    /*-- HEADER --*/
    
    .site-branding img { max-width: 220px; }
    
    .crown-icon { max-width: 180px; }
    
    .menu-primary-menu-container a { font-size: 17px; margin: 0 10px; }
    .menu-item a.menu-image-title-below.menu-image-not-hovered img { max-width: 70px; }
    
    h1.tp-caption { font-size: 59px !important; line-height: 1.4 !important; }
    
	

}


/*------------ SMALL TABLET/LARGE MOBILE ---------------*/

@media screen and (min-width:886px) and (max-width: 1199px){
    
    
        /*-- HEADER --*/
        
    
    .site-branding img { max-width: 190px; }
    .site-header { height: 400px; }
    
    .crown-icon { display: none; }
    
    .menu-primary-menu-container a { font-size: 17px; margin: 0 10px; }
    .menu-item a.menu-image-title-below.menu-image-not-hovered img { max-width: 50px; }
    
    h1.tp-caption { font-size: 49px !important; line-height: 1.4 !important; }
    
    .social-icons { display: none; }
    .header-inner-wrapper { width: 100%; }
    
    
    /*-- CONTENT --*/
    
    .site-content { width: 90%; }
    
    h1 { font-size: 40px; }
    h2 { font-size: 30px; }
    
    .entry-content h2 { font-size: 25px; }
    
    
    /*-- FOOTER --*/
    
    .site-info { width: 90%; padding:60px 30px; }
    .site-footer h2 {font-size: 30px; width: 100%; text-align: center; min-height:auto;}
    .site-footer .side-left { width: 100%; }
    .site-footer .side-middle { width: 50%; }
    .site-footer .side-right { width: 50%; }
    
    footer input[type="submit"] { font-size: 20px; }
	

}




@media screen and (max-width:885px) {
    
    /*-- HEADER --*/
    
	.home .site-header { width: 100%; padding: 0 5% 1% 5%; }    
    
    .site-branding {padding: 10px 0 0 0; }
    .site-branding img { max-width: 130px; }
    .site-header { height: 250px; }
    
    .crown-icon { display: none; }
    
    .menu-primary-menu-container a { font-size: 15px; margin: 0 10px; }
    .menu-item a.menu-image-title-below.menu-image-not-hovered img { max-width: 40px; }
    
    h1.tp-caption { font-size: 31px !important; line-height: 1.5 !important; }
    
    .social-icons { display: none; }
    .header-inner-wrapper { width: 100%; }
    
    .main-navigation { margin-top: 15px; }
    .menu-toggle { float:right; }
    .main-navigation.toggled ul { position: absolute; margin-top: 50px; width: 100%; background: #41225d; padding: 20px 5% 5% 5%; left: 0; -webkit-box-shadow: 0px 0px 52px 15px rgba(65,34,93,1);
-moz-box-shadow: 0px 0px 52px 15px rgba(65,34,93,1);
box-shadow: 0px 0px 52px 15px rgba(65,34,93,1); }
    .main-navigation.toggled ul a { margin-bottom: 20px;}
    
    .site-featured-image { height: 250px; }
    .site-header { min-height: 150px;  }
    .page-template-page_featuredimage .site-header { min-height: 250px;  }
    
    /*-- CONTENT --*/
    
    p { font-size: 14px; }
    
    .site-content { width: 90%; }
    
    h1 { font-size: 30px; }
    h2 { font-size: 25px; }
    
    .entry-content h2 { font-size: 25px; }
    .home .entry-content h2 { text-align: center !important; }
    .home .entry-content p  { text-align: center !important; }
    .home .entry-content img { max-width: 200px; display: block; margin:0 auto; }
    
    .home .vce-single-image { width: 100%; }
    .home .vce-single-image-inner { width: 100%; }
    .home .vce-single-image-wrapper { width: 100%; }
    .home .vce-text-block-wrapper h2 {margin-top: 0;}
    
    
    /*-- NAVIGATION --*/
    
    header button { color:#fff; text-transform: uppercase; border: none; background-color:#ff00ff; }
    
    /*-- FOOTER --*/
    
    .site-info { width: 90%; padding:30px 15px; }
    .site-footer h2 {font-size: 30px; width: 100%; text-align: center; min-height:auto;}
    .site-footer .side-left { width: 100%; }
    .site-footer .side-middle { width: 100%; }
    .site-footer .side-right { width: 100%; }
    
    footer input[type="submit"] { font-size: 20px; }
    
    .fb_iframe_widget { margin:0 auto; display: table !important; }
	

	/*-- VISUAL COMPOSER --*/
	.vce {margin-bottom: 15px !important;}
	

	
	
	/*-- FOOTER --*/

	.copyright {height: 50px; width: 100%; float: left;}
	
}


/*---- FOR SLIDER ----*/
@media screen and (min-width:1600px) {
    
    #rev_slider_1_1_wrapper {height:100vh !important;}
    #rev_slider_1_1 {height:100% !important; max-height:100% !important;}
    #rev_slider_1_1_forcefullwidth {height:100vh !important;}

}
    
/*---- FOR FACEBOOK ----*/

@media screen and (max-width:420px) {
 
    .site-footer .side-right { display:none; }
    
}

