/*-----------------------------------------------------------------------------------
	Theme Name: UniLink
	Theme URI: http://unilink.com.br
	Description: Site do Unilink
	Author: Soim - Agência Digital
	
	License: Proibida alteração, reprodução, distribuição, transmissão ou cópia 
	parcial ou total de qualquer dos arquivos e códigos que compõem este 
	software (tema para Wordpress), sob proteção da Lei 9.609/98. 
	
	Copyright © 2020 - Todos os direitos reservados. 
-----------------------------------------------------------------------------------*/

/* RESETS
**********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
a { text-decoration: none; color: inherit; cursor: pointer; }
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

#google_translate_element, 
.goog-te-banner-frame, 
.goog-te-balloon-frame, 
#goog-gt-tt, 
.goog-te-balloon-frame, 
.goog-tooltip, 
.goog-tooltip:hover,
.skiptranslate { 
    display:none !important; 
}


/*DEFINICOES GERAIS
**********************************************************/
body {color:#FFF; background:#333; padding:0; font-family: 'Roboto', sans-serif;}

.container { width:1146px; margin:0 auto; }

strong { font-weight:900}


/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block;}
  
#header #logo { float:left; position:relative; margin:30px 0 30px 0}

#header h1 { float:right; font-size:40px; color:#FFF; font-weight:900; text-align:right; margin:40px 0 0}
#header h1 span{ font-size:48px; font-weight:400;}



/*DESTAQUE
**********************************************************/
#destaque { width:100%; float:left; background:#363636;}
#grid  {
  display: grid;
  background: #222;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  
  grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
  
  grid-gap: 10px;
 
  
}

/* items */

#destaque .cada_foto {
  color: white;
  font-size: 20px;
  padding:0;
  }
  #destaque .cada_foto img { width:100%}

#destaque .botao-destaque { font-size: 28px; color:#333 !important; font-weight: 900; background:#FFF;display:table; padding:10px 15px; border-radius: 10px; margin:20px auto 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width:420px; text-align:center; width:450px;}
#destaque .botao-destaque:hover { background:#333; color:#FFF !important}



/*PACOTE
**********************************************************/
#pacote { width:100%; display:block; float:left; padding:80px 0;}
#pacote #titulo { width:100%; display:block; text-align:center}
#pacote h2 { font-weight: 900; font-size: 58px; color: #FFF; text-align: center; margin: 0 0 40px; border-bottom:3px solid #FFF; display:inline-block}

#pacote .cada_pacote { background:#FFF; width:478px; float:left; display:block; margin:0 5px; border:1px solid #999999; padding:40px; }
#pacote .cada_pacote h3 { color:#333; font-size:36px; font-weight:900; margin:0 0 20px}
#pacote .cada_pacote p { font-size:20px; line-height:30px; margin:0 0 20px; color:#333}

#pacote .cada_pacote #precoantigo { font-size:20px; text-decoration:line-through; font-weight:900; display:block; margin:0 0 0; color:#333}
#pacote .cada_pacote #preco { font-size:28px; font-weight:900; display:block; margin:0 0 5px; color:#333}
#pacote .cada_pacote #promocao { font-size:14px; color:#333; margin:0 0 20px; display:block}

#pacote .botao-plano-fit, 
#pacote .botao-plano-fat { font-size: 24px; color:#FFF !important; font-weight: 900; background:#333; display:table; padding:8px 12px; border-radius: 10px; margin:0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

#pacote .botao-plano-fit:hover, 
#pacote .botao-plano-fat:hover { background:#FFF; color:#333 !important}



/*Instagram
**********************************************************/
#instagram { width:100%; display:block; float:left; padding:20px 0; background:#666; text-align:center; color:#FFF}
#instagram p {  display: inline-table; font-size: 28px; vertical-align: top; font-weight: 500; margin: 16px 0 0 10px;}
#instagram img {    display: inline-block;}


/*Evana
**********************************************************/
#evana { width:100%; display:block; float:left; padding:80px 0; text-align:center}
#evana #titulo { width:100%; display:block; text-align:center}
#evana h2 { font-weight: 900; font-size: 58px; color: #FFF; text-align: center; margin: 0 0 40px; border-bottom:3px solid #FFF; display:inline-block}

#evana img { display:inline-block}
#evana p {  display: inline-table; font-size: 36px; line-height:50px; vertical-align: top; font-weight: 500; margin: 0 0 0 20px; text-align:left}



/*FOOTER
**********************************************************/
#footer { background:#414141; padding:20px 0; width:100%; display:block; float:left;}

#footer #logobranca { float:right;}

#footer #info { float:left; color:#FFF; margin:20px 0 0 }

#footer img { display:inline-block}
#footer p {  display: inline-table; font-size: 18px; vertical-align: top; font-weight: 500; margin: 15px 20px 0 10px; text-align:left}



.menu-mobile { display: none;}

/* MOBILE */
@media only screen and (min-width: 280px) and (max-width: 736px) {
	
	.menu-mobile {
        display: block;
		float:right;
		text-align:left;
		margin:27px 0 0 0;
		cursor:pointer; z-index:999; position:relative;
    }
    .menu-cel {
        display: block !important;
    }
	
	#header #nav  { display:none}
	
	.container { width:94% !important; padding:0 3%}

	body, html { top:0 !important}

	
/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block; position:relative; padding:0 0 0}
  
#header #logo { float:left; position:relative; margin:10px 0 0 0; width:100%;}
#header #logo img { width:100%;}

#header h1 { float:left; font-size:40px; font-weight:900; text-align:center; margin:40px 0}
#header h1 span{ font-size:48px; font-weight:400;}



/*DESTAQUE
**********************************************************/
#destaque {width:100%; display:block; float:left; padding:0 0 30px}

#destaque .cada_foto { float:left; display:block; margin:0 14px 15px;width:92%}
#destaque .cada_foto img { width:100%}

#destaque .botao-destaque { font-size: 20px;  font-weight: 900; display:table; padding:10px 15px; border-radius: 10px; margin:0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin:0 auto; width:auto; text-align:center}


/*PACOTE
**********************************************************/
#pacote { width:100%; display:block; float:left; padding:40px 0;}
#pacote #titulo { width:100%; display:block; text-align:center}
#pacote h2 { font-weight: 900; font-size: 58px;  text-align: center; margin: 0 0 40px;  display:inline-block}

#pacote .cada_pacote { width:74%; float:left; display:block; margin:0 0 20px; border:1px solid #999999; padding:40px; }
#pacote .cada_pacote h3 {  font-size:36px; font-weight:900; margin:0 0 20px}
#pacote .cada_pacote p { font-size:20px; line-height:30px; margin:0 0 20px}
#pacote .cada_pacote span { font-size:28px; font-weight:900; display:block; margin:0 0 20px}

#pacote .botao-plano-fit, 
#pacote .botao-plano-fat { font-size: 24px;font-weight: 900; display:table; padding:8px 12px; border-radius: 10px; margin:0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}





/*Instagram
**********************************************************/
#instagram { width:100%; display:block; float:left; padding:20px 0;  text-align:center; color:#FFF}
#instagram p {  display: inline-table; font-size: 28px; vertical-align: top; font-weight: 500; margin: 16px 0 0 10px;}
#instagram img {    display: inline-block;}


/*Evana
**********************************************************/
#evana { width:100%; display:block; float:left; padding:80px 0; text-align:center}
#evana #titulo { width:100%; display:block; text-align:center}
#evana h2 { font-weight: 900; font-size: 54px; text-align: center; margin: 0 0 40px;  display:inline-block}

#evana img { display:block; width:100%}
#evana p {  display: block; font-size: 36px; line-height:50px; vertical-align: top; font-weight: 500; margin: 0 0 0 0; text-align:left}



/*FOOTER
**********************************************************/
#footer { background:#414141; padding:20px 0; width:100%; display:block; float:left;}

#footer #logobranca { float:right; width:100%; margin:20px 0 0}

#footer #info { float:left; color:#FFF; margin:20px 0 0 }

#footer img { display:inline-block}
#footer p { width:71%;  display: inline-table; font-size: 18px; vertical-align: top; font-weight: 500; margin: 15px 20px 40px 10px; text-align:left}


}