/** 
* SPECIAL CEFE
* 
* layout SPECIAL CEFE por L9 Propaganda
* 
* Esta folha de estilos descreve a
* estrutura e os principais componentes
* do site web do SPECIAL CEFE
* 
* @project SPECIAL CEFE
* @version 1.0 
* @package Site Web
* @author Murilo Mendes
* @copyright 2023 SPECIAL CEFE.
* 
*/ 

/*font-family: 'Montserrat', sans-serif;*/
@import url('materialdesignicons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* RESET */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td,fieldset{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img,fieldset{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:inherit;}strong{font-weight: 700;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}cufon cufontext{display: inline-block !important;height: 0 !important;text-indent: -10000in !important;width: 0 !important;}

img{display: block;}
#scrollTop{position:fixed;bottom: 1.8%;right: 5%;display:none;cursor:pointer;z-index:5000;/* background-color: #ffffff; *//* border-radius: 100%; */}
	#scrollTop svg{height: 50px; width: 50px; background-color: #ffffff; border-radius: 30px;}
#scrollTop:hover{opacity: 0.5;}

body, html{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px;color: #ffffff;}
a:link, a:active, a:visited{text-decoration:none;outline:none;transition: all 0.5s ease;}
a:hover{color: #093747;}
*{outline:none;}

::selection {background:#2a2a2a; color:#f1f1f1;}
::-webkit-selection {background:#2a2a2a; color:#f1f1f1;}
::-moz-selection {background:#2a2a2a; color:#f1f1f1;}

::-webkit-input-placeholder {color: #dedede; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px;}
::-moz-placeholder {color: #dedede; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px;}
:-ms-input-placeholder {color: #dedede; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px;}
:-moz-placeholder {color: #dedede; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px;}

.clear{clear: both;}


/* HEADER */
header{}

.emBreve{background: url("../img/background_specialcafes_lp.png") center center / cover no-repeat;height: 100vh;background-attachment: fixed;}

.logo{}
	.logo img{margin: 50px auto 0 auto;display: block;}

.titulo{}
	.titulo h1{font-family: 'Montserrat', sans-serif;font-weight: 900;font-size: 180px;color: #fee9d6;text-align: center;font-style: italic;padding: 50px 0 0 0;}
	.titulo p{font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 40px;color: #ffc28b;text-align: center;}
	.titulo h2{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 90px;color: #fee9d6;text-align: center;padding: 30px 0 80px 0;text-transform: uppercase;font-style: italic;}

.endereco{}
	.endereco p.endTel{font-family: 'Montserrat', sans-serif;font-weight: 300;font-size: 20px;color: #ffc28b;text-align: center;line-height: 35px;display: block;}
		.endereco p.endTel span.pin{display: inline-grid;position: relative;top: 15px;right: 10px;margin: 0 0 25px 0;}
			.endereco p.endTel span.pin img{display: block;}
		.endereco p.endTel span.wpp{display: inline-grid;position: relative;top: 10px;right: 10px;}
			.endereco p.endTel span.wpp img{}
			.endereco p.endTel a:active, .endereco p.endTel a:visited, .endereco p.endTel a:link{font-family: 'Montserrat', sans-serif;font-weight: 300;font-size: 20px;color: #ffc28b;}
			.endereco p.endTel a:hover{color: #fee9d6;}
		.endereco p.endTel span.tel{display: inline-grid;position: relative;top: 10px;right: 10px;}
			.endereco p.endTel span.tel img{}

.redeSocial{}
	.redeSocial ul{text-align: center;}
		.redeSocial ul li{display: inline-block; margin: 30px 25px 0 25px;}
			.redeSocial ul li a:active, .redeSocial ul li a:visited, .redeSocial ul li a:link{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; display: inline-block; text-align: center;}
			.redeSocial ul li a:hover{opacity: 0.5;}
				.redeSocial ul li a img{}

/* FOOTER */
footer{}


/* ============== AJUSTES RESPONSIVO E MOBILE ============== */

/* 1000 */
._640 header{}


/* 640 */
._640 footer{}