/*Theme Name: Sweet 180*/

*:focus { outline: none; }

img { max-width: 100%; height: auto; }
.aligncenter { display: block; margin: 0 auto; }
.arve { display: block; margin: 30px auto; }

.rc-anchor-normal-footer, .rc-anchor-invisible-text, .rc-anchor, .rc-anchor-invisible, .rc-anchor-light, .rc-anchor-invisible-hover, .grecaptcha-badge { display: none !important; }

body { line-height: 1.8em; font-family: 'Questrial'; font-size: 20px; font-weight: 400; letter-spacing: 1px; background: #f8f8f8; color: #515151; margin: 0; }
a { text-decoration: none; }

hr { background: #ccc; border: 0; height: 1px; margin-top: 50px; margin-bottom: 50px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat';  font-weight: 700 !important; text-transform: uppercase;  }
h2 { font-size: 22px; border: 2px solid #e4a92f; color: #e4a92f; padding: 10px; display: block; margin: 0 auto 50px; max-width: 300px; text-align:center; }

a { color: #e4a92f; }
a:hover { color: #515151; }


#menu { width: 98%; padding-left: 1%; padding-right: 1%; position: fixed; top: 0; left: 0; background: #f8f8f8; padding-top: 20px; padding-bottom: 20px; z-index: 9999; }

@media screen and (max-width: 1200px) {
	#menu { padding-top: 10px; padding-bottom: 10px; }
	#slider { margin-top: 50px !important; }
}


#slider .logo {
        position: absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }

.links { font-family: 'Montserrat';  font-weight: 700 !important; text-transform: uppercase; font-size: 16px; float: left; }

@media screen and (max-width: 1400px) {
    .links { font-size: 15px !important; }
}

.social { float: right; }

.links a, .social a { color: #515151; }
.links a:hover, .links .current_page_item a, .social a:hover { color: #e4a92f; }
.links ul { margin: 0; padding: 0; }
.links ul li { display: inline-block; }
.links ul li:last-child { margin-right: 0; }

#menu ul li::after { content:"/"; margin-left: 10px; margin-right: 5px; color: #e4a92f; font-size: 0.8em; vertical-align: middle; }
#menu ul li:last-child::after { content:""; }

#responsive-menu-pro-container { text-transform: uppercase; }

		@media screen and (max-width:1080px){
			#responsive-menu-pro-container{
						display: flex !important;
						    align-items: center;
						    justify-content: center;
					}
		}


.social a { margin-left: 10px; }
.social a:first-child { margin-left: 0; }


#footer { clear:both; float: left; padding-top: 20px; padding-bottom: 20px; width:98%; padding-left: 1%; padding-right: 1%; background: #e1e1e1; color: #515151; font-weight: bold; font-family: 'Montserrat'; font-size: 14px; letter-spacing: 1px; }

.footer-social { float: left; font-size: 20px; }
.footer-social a { color: #515151; margin-right: 10px; }
.footer-social a:hover { color: #e4a92f; }
.footer-social a:last-child { margin-right: 0; }

.credits { float: right; line-height: 1.3em; text-align: right; }
.credits a { color: #515151; }
.credits a:hover { color: #e4a92f; }


@media screen and (max-width: 768px) {
	.footer-social, .credits { float: none; display: block; text-align:center; }
	.footer-social { padding-bottom: 5px; }
}

#slider { margin-top: 80px;position: relative; }
#content { padding-bottom: 50px; width: 80%; padding-left: 10%; padding-right: 10%; padding-top: 50px; }
#content a { color: #e4a92f; font-weight: bold; }
#content a:hover { color: #cecece; }

	.slide { width: 100%; height: auto; }
	.logo { display: block; margin: auto; z-index: 99; position: relative; top: 50%; width: 70%; max-width: 1000px; height: auto; }

#sb_instagram { padding-bottom: 1px !important; }



/*--- PRESS ---*/

	#main { text-align: left; }
	#main h2 { margin-top: 0; padding-top: 0; }
	.press-content { max-width: 1200px; display: block; margin: 0 auto; }
.press { padding-bottom: 20px; text-align:left; }

#mob-dropdown { width: 100%; background: none; border: 1px solid #ccc; text-align: center; padding-top: 20px; padding-bottom: 20px; margin-bottom: 50px; }

#mob-dropdown select { height: 50px; width: 240px; border: 1px solid #515151; border-radius: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-family: 'Montserrat'; text-align: center; margin-bottom: 5px !important; }
#mob-dropdown input { height: 50px; width: 120px; font-family: 'Montserrat'; background: #e4a92f; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; border-radius: 0; border: 1px solid #e4a92f; margin-bottom: 5px !important;  }
#mob-dropdown input:hover { background: #cecece; cursor: pointer; border: 1px solid #cecece; }

.older, .newer { text-transform: uppercase; font-family: 'Montserrat'; font-weight: bold; font-size: 16px; letter-spacing: 1px; border: 1px solid #e4a92f; padding: 15px; padding-top: 5px; padding-bottom: 5px; }
.older:hover, .newer:hover { color: #cecece !important; border: 1px solid #cecece; }
.older:hover a, .newer:hover a { color: #cecece !important; }
.older a:hover, .newer a:hover { color: #cecece !important; }
.older { float: left; }
.newer { float: right; }

.nav_trigger { text-transform: uppercase; font-family: 'Montserrat'; font-weight: bold; font-size: 16px; letter-spacing: 1px; border: 1px solid #e4a92f; padding: 15px; padding-top: 10px; padding-bottom: 10px; color: #e4a92f; }
.nav_trigger:hover { color: #cecece; border: 1px solid #cecece; cursor: pointer; } 



@media screen and (max-width: 800px) {
	
	#main { width: 100%; padding-left: 0; border-left: 0; }
.older, .newer { text-transform: uppercase; font-family: 'Montserrat'; font-weight: bold; font-size: 16px; letter-spacing: 1px; border: 1px solid #515151; padding: 15px; padding-top: 5px; padding-bottom: 5px; float: none; width: 88%; margin: 0 auto 5px; text-align: center; }
	
	.press-content { width: 90%; padding-left: 5%; padding-right: 5%; }
	
	#mob-dropdown select, #mob-dropdown input { display: block !important; margin-bottom: 5px !important; }
}






/*--- CONTACT ---*/
 .form {
     width: 100%;
     max-width: 800px;
     display: block;
     margin: 0px auto 20px;
     height: auto;
     overflow-y: visible;
}
 .both {
     width: 100%;
     margin-top: 15px !important;
     padding-top: 10px;
     float: none;
     clear:both;
     display: block;
}
 .both input {
     font-family: 'Questrial';
     background: none;
     border: 1px solid #515151;
     height: 35px;
     width: 100%;
     text-align: center;
     color: #515151;
     font-size: 18px;
     letter-spacing: 1px;
     font-weight: 400;
}
 .both textarea {
     font-family: 'Questrial';
     background: none;
     border: 1px solid #515151;
     width: 98.2%;
     padding-left: 1%;
     padding-right: 1%;
     padding-top: 1%;
     padding-bottom: 1%;
     color: #515151;
     font-size: 18px;
     letter-spacing: 1px;
     font-weight: 400;
     position: relative;
}

 .wpcf7-submit {
     font-family: 'Montserrat' !important;
     background: #e4a92f !important;
     border: 0 !important;
     text-transform: uppercase;
     color: #fff !important;
     letter-spacing: 2px;
     width: 40% !important;
     margin: 10px auto 0;
     height: 50px !important;
     line-height: 32px;
     display: block; font-weight:  bold;
     font-size: 18px !important;
     letter-spacing: 1px;
     position: relative;
     top: -20px;
}
 .wpcf7-submit:hover {
     background: #515151 !important;
     color: #fff !important;
     cursor: pointer !important;
     border: 0 !important;
}
 ::-webkit-input-placeholder {
     color: #515151;
}
 :-moz-placeholder {
     color: #515151;
}
 ::-moz-placeholder {
     color: #515151;
}
 :-ms-input-placeholder {
     color: #515151;
}
 .both input:focus, .both textarea:focus {
     border: 1px solid #e4a92f;
     outline:none;
}
 .wpcf7-response-output {
     border: 0 !important;
     text-align: center;
     font-family: 'Montserrat'; font-weight: bold;
     letter-spacing: 1px;
margin-top: 0 !important; margin-bottom: 80px !important;
}
 .wpcf7-not-valid-tip {
     font-size: 14px !important;  font-family: 'Montserrat'; font-weight: bold;
     color: #515151 !important;
     text-align: center !important;
}



 @media screen and (max-width: 980px) {
	 
	 #slider { margin-top: 55px; }
	 
     .form {
         width: 100%;
    }
     .left, .right {
         width: 100%;
         display: block;
         float: none;
         margin-bottom: 5px;
    }
     .both {
         margin-top: 5px !important; margin-bottom: 15px;
         padding-top: 0;
    }
     .both textarea {
         top: 0px;
    }
     .wpcf7-submit {
         top: 10px;
    }
}

.form p { line-height: 1.1em; }





@media screen and (max-width: 800px) {
	
	#content, #about { padding-top: 20px !important; padding-bottom: 20px !important; font-size: 16px; }

}