/* #BFW - Estrutura base e Customizações Gerais nos elementos HTML e regras de estilo do Foundation
 */

/* Fontes / Fonts
 */

		/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); */
		@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap&Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300;1,400&family=Jost:ital,wght@0,400;0,500;1,400;1,500&display=swap');

	/* Pseudo Resets */
		* {margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;}
		h1, h2, h3, h4, h5 {
			font-family: 'Times New Roman', Times, serif !important;
			color: #123053;
		}
		h4 {font-family: 'Times New Roman', Times, serif; font-size: 2.6em !important;}
		/* html {font-size: 16px;} */
		body {padding-top: 20px;}
		a,
		a:hover {color: #1f1f1f;}
		p {color: #282828;}
		.button {border-radius: 30px;padding: 14px 35px;margin-bottom: 0;max-height: 40px;line-height:10px;}
		.button.more {width: 40px;height: 40px;padding: 0;}
		.button.more .glyphicons {line-height: 38px;}
		body {font-size: 13px !important;color: #1d364b;background: #f1f1e9;}

/* Classes e Regras de estilo Auxiliares / Aux Classes and Rules
 */
	
	.list-inline li {float: left;}

	/* Separadores (<HR>) / Separators (<HR>) - regras de estilo auxiliares e variações / aux rules and variations
	 */
		hr {margin: 10px 0;border-bottom-color: #e3e7ea;} /* redundância deliberada, para o caso do foundation.css ser eliminado / deliberated redundancy, prevention in case foundation.css is removed */			
		hr.black {border-bottom-color:#171c21;}
		hr.light {border-bottom-color:#efefef;}
		hr.dark {border-bottom-color:#a6a6a6;}
		hr.darker {border-bottom-color:rgba(50,50,50,0.2);}
		hr.clear {border-bottom-color:transparent;}
		hr.thick {margin:20px 0;}
		hr.thin {margin:5px 0;}
		hr.thin-bot,
		hr.thin-bottom {margin-bottom:5px !important;}
		hr.fit {margin:0px;}
		hr.fit-top {margin-bottom:0px !important;}
		hr.fit-bot,
		hr.fit-bottom  {margin-bottom:0px !important;}
		hr.fix-top {border:0; margin:0; height:54px; }
		hr.gutter-10 {margin-left: 10px;margin-right: 10px;}
		hr.gutter-15 {margin-left: 15px;margin-right: 15px;}
		hr.gutter-20 {margin-left: 20px;margin-right: 20px;}
		hr.gutter-30 {margin-left: 30px;margin-right: 30px;}


		.portfolio_grid.item {position: relative;margin-bottom: 30px;display: block;}
		.legend_hover {display: none;}
		.portfolio_grid.item:hover .legend_hover {display: block;}
		.legend_details {position: absolute;background: #fff;margin: 5px;padding: 5px;bottom: 0;width: 75%;right: 0;}
		.main_menu {display: flex;justify-content: space-between;}
		.main_menu li {margin-left: 20px;}
		.main_menu li a strong,
		.main_menu li a {font-size: 1rem;font-weight: 400;color: #383838;}
		.main_menu li a:hover {text-decoration: underline;color: #123053;}
		.footer_menu li {margin-left: 10px;}
		ul {list-style-type: none; }
		.cv_layout {margin-left: 0;}
		.cv_layout .item {margin-bottom: 40px;display: block;}
		.main_logo {font-family: 'Times New Roman', Times, serif;font-size: 1.6rem;margin-bottom: 0;}
		.main_logo a {font-family: 'Times New Roman', Times, serif;font-weight: 400; color: #173d6a;}
		/* .main_logo a {font-family: 'Kaushan Script', cursive;} */
		.main_title {font-size: .9rem;color: #123053;}
		/* .page_title {font-family: 'Open Sans Condensed', sans-serif;color: #1f1f1f;} */
		.contato_connections {margin-left: 0;}
		.contato_connections a {display: block;float: left;clear: both;border-bottom-width: 1px; border-bottom-color: #1f1f1f;border-bottom-style: solid;}
		/*.contato_connections a {text-decoration: underline;}*/
		.contato_connections a:hover {border: none;margin-bottom: 1px;}
		.contato_form textarea,
		.contato_form input {border: none;background: #e5e5e5;outline: none;padding: 5px;margin-bottom: 5px;width: 100%;resize: none;}
		.contato_form input[type=reset],
		.contato_form input[type=submit] {width: 25%;border: 1px solid #ccc;}

		.quote {background-image: url(../img/montanhas_azul.webp);background-size: cover;background-position: 0 -240px;}
		.quote blockquote {color: #e6e6e6;margin: 20px 20px;}
		h4 {font-size: 2.2em;}
		.body_text {font-size: 0.95rem;}
		#sobre .body_text {text-align: justify;}
		#terapia_online h4,
		#terapia_online h5 {font-size: 24px;}
		#terapia_online strong {color: #17305a;}
		#terapia_online ul:last-child {list-style-type: circle;}
		#relato,
		#agendamento {background-color: #123053;color: #e6e6e6;}
		#agendamento a {color: #fff; font-weight: 600; text-decoration: underline;}
		#agendamento small {font-weight: 600;}
		#agendamento h4 {color: #e6e6e6;}
		#relato p {color: #e6e6e6;}
		#relato h4 {color: #e6e6e6;}
		#relato header {padding-bottom: 1rem; padding-left: 32px;}
		#relato .body_text {font-weight: 300;}
		
		@media (max-width: 576px) {
			h4 {font-size: 2.15em !important;}
			h5 {font-size: 1.5em !important;}
			.body_text {text-align: justify;padding: 0 0.95em;}
			#agendamento .body_text {padding: 0;}
			.quote {background-image: none; background-color: #123053;}
			.quote blockquote {font-size: 15px;padding-top: 0;}
			.quote blockquote.desktop {display: none;}
			.main_logo {font-size: 2.25em;}
			.main_menu li a span {display: none;}
			#fluid_content {padding: 0;}
			#sobre,
			#terapia_online {padding: 0 1rem;}
			#relato {padding: 1rem;}
			#relato h4 {font-size: 1.85em !important;}
			#relato header {padding: 0;}
			/* #relato article.body_text {padding: 0 !important;text-align: center;} */
			.main_menu {margin: 1.75em 0 0;}
			.main_menu li {margin-left: unset;}
			.main_menu li a strong,
			.main_menu li a {font-size: 0.9rem;font-weight: 400;}
			.main_menu li a:hover,
			.main_menu li a:active {text-decoration: underline;}
			/* #agendamento {padding: 0 1rem;} */
			.copyright {text-align: center;margin-top: 1em;}
			.small-hidden {display: none;}
			.avatar {padding: 0 30px;}
		}

		@media (min-width: 576px) {
			.quote {min-height: 370px;display: flex;align-items: center;}
			.quote blockquote {max-width: 61%;padding-top: 0;}
			.quote blockquote.mobile {display: none;}

			.quote {font-size: 17px;}
			
			header {padding:1.5rem;}
			.body_text {font-size: 1rem;padding:0 1.5rem;}
			
			.avatar {text-align: right;}
			#sobre header p {margin: 0;}
			#relato .body_text {padding: 0 32px 20px;} 
			#terapia_online header,
			#terapia_online .body_text{padding: 0;}
			.body_text-half_col {display: flex;justify-content: space-between;}
			.body_text-half_col li {max-width: 46.5%;}
			.copyright {text-align: right;}
			.medium-hidden {display: none;}
		}