/**
Theme Name: portfolio
Description: Portfolio Paula Brandão
Version: 2018.0.0
License: Proprietary
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
*/

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

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

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

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

a:hover,
a:active,
a:focus,
a {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

html, body,
.container-fluid, .row-content, #main_content
{
	font-family: 'Gotham Narrow Light';
    height: 100%;
}

.home-cover { max-height: 100vh; }
.home-brand { color: #B54CA1;
	width: 400px;
	height: 70px;
	text-indent: -200em;
	overflow: hidden;
	background: url(img/logo_home.png) center center no-repeat;
	background-size: contain;
	display: block;
	margin: 0 auto;
}

.home-selection { left: 50%; top: 50%; width: 630px; height: 220px; position: fixed; margin-left: -315px; margin-top: -110px; }
.home-flex { display: flex; margin-top:  30px; }
.home-flex a { width: 43.3333%; margin: 3.3333%; text-align: center; height: 70px; border: 1px solid #b54c9c; font-size: 2rem; display: flex; align-items: center; justify-content: center; color: #b54c9c; }
.home-flex a:hover { background: #b54c9c; color: #FFF; text-decoration: none; }

.brand { width: 435px; height: inherit; margin: 40px auto 40px 30px; padding: 5px 0; display: inline-block; background: url(img/logo.png) left center no-repeat; background-size: auto 49px; text-indent: -200em; overflow: hidden; }
.brand a { display: block; width: 100%; height: inherit; }

.more-information { float: right; width: 35px; height: 45px; position: absolute; right: 030px; top: 65px; text-indent: -2000em; background: url(img/bt-infos.png) center center no-repeat; background-size: auto 45px; }

.drop-menu > .sub-menu { display: none; }

.menu { list-style: none; margin: 0 0 0 10px; padding-left: 20px; text-transform: uppercase; font-size: 22px; font-weight: 1; letter-spacing: -1px; }
.menu li { margin-bottom: 10px; }
.menu a { display:  block; color: #221E63; }
.menu a:hover { color: #21999A; text-decoration: none; }
.sub-menu { display:none; list-style: none; margin-left: 0; padding-left: 15px; margin-top: 10px; font-size:18px; transition: 0.2s; }
.sub-menu .current-menu-item {display: block; }
.current-category-parent > .sub-menu,
.current-category-parent > .sub-menu,
.current-post-parent > .sub-menu,
.current-menu-parent > .sub-menu,
.current-post-ancestor > .sub-menu,
.menu .current-menu-item > .sub-menu { display: block; }
.current-menu-item > a,
.current-post-parent > a { color: #21999A; }

.menu .drop-menu > a { background: url(https://cdnjs.cloudflare.com/ajax/libs/geomicons-open/1.0.1/icons/chevron-down.svg) right center no-repeat; background-size: 13px; }

#navbar a.a-instagram { display: inline-block; text-transform: uppercase; font-size: 22px; font-weight: 1; letter-spacing: -1px; color: #221E63; text-decoration: none; }
#navbar a.a-instagram:before { content:  ''; display: inline-block; width:  28px; height:  20px; background:url(img/icons-social.png) left center no-repeat; background-position: 0; background-size: 85px; }
#navbar a.a-whatsapp { display: inline-block; padding-left: 25px; text-transform: uppercase; font-size: 22px; font-weight: 1; letter-spacing: -1px; color: #221E63; text-decoration: none; background:url(img/icons-whats.png) left center no-repeat; background-size: 20px; }

.unstyled { list-style: none; margin: 30px 0 0 0; padding-left: 20px; }
.unstyled li { width: 25px; height: 30px; float: left; margin: 5px 10px 5px; }
.unstyled li a { color: #666; display: block;  }
.social-item-link { width: 30px; height: 30px; overflow: hidden; background-image:url(img/icons-social.png); text-indent: -2000em; background-size: auto 30px; background-repeat: no-repeat; }
.social-item-facebook { background-position: -45px 0; }
.social-item-instagram { background-position: 0; }
.social-item-pinterest { background-position: -90px 0; }
.social-item-whatsapp { background:url(img/icons-whats.png) center center no-repeat; background-size: 100%; }

#main_content { padding: 0 30px 30px 0; }
#main_content p { font-size: 1.8rem; padding: 0 10px; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-50:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
  border: 10px solid #FFF;
}

.grid-sizer-50,
.grid-item-50 {
  width: 48%;
  border: 10px solid #FFF;
}

.grid-item,
.grid-item-50{
  float: left;
}

.grid-item img,
.grid-item-50 img{
  display: block;
  width: 100%;
  height: auto;
}

.grid-item span { display:  inline-block; text-decoration: none; color: #221E63; font-size: 12px; font-weight: bold; padding: 10px 0 0; }

.fotos-item a { text-decoration: none; color: #221E63; font-size: 12px; font-weight: bold; }
.fotos-item span { padding: 10px 10px 10px 0!important; display: block; cursor: pointer; }

.polaroids-grid a { display: block; margin-bottom: 10px; }
.polaroids-grid a img { width: 100%; }

.link-text { background: #51BEB4; color: #FFF; font-size: 12px; padding: 5px; }
.link-text:hover { background: #FFF; color: #51BEB4; }

.overlay { position: absolute; height: 100%; width: 100%; top: 0; right: 0; left:0; bottom: 0; z-index: 999; }
.gallery-wrap {  height: 100%; padding: 40px; position: relative; z-index: 1000; }
.gallery-wrap .image-content { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center;  }

.gallery-menu { position: fixed; bottom: 0; padding-bottom: 20px; }

.featured-img { margin-bottom: 20px; }
.featured-img img { width: 100%; height: auto; }
.featured-img .col-md-3 img { margin-bottom: 25px; }
.post-content { color: #221E63; }
.post-content h2 { color: #221E63; font-weight: 300; font-size:18px; margin: 30px auto; text-transform: uppercase; }
.post-content p,
.post-content ol,
.post-content ul { font-size: 18px; }

.table-plans { color: #221E63; }
.table-plans th { text-align: left; border-bottom: 1px dotted #221E63; border-top: 1px dotted #221E63; padding: 10px 0 10px 10px; font-size: 15px; }
.table-plans th div { display: block; border-right: 1px dotted #221E63; }
.table-plans td { padding: 10px; border-right: 1px dotted #221E63; }

#essay-lightbox { display: none; padding: 20px; color: #221E63; }
#essay-lightbox h3 { font-size: 18px; }
#family-info-essay .col-md-4 { border-right: 1px dotted #221E63; }

.no-border { border: none!important; }
.hr-dotted { border:none; border-top: 1px dotted #221E63; height: 1px; }
.border-right-dotted { border-right: 1px dotted #221E63; }

.wpcf7-form { margin-top: 20px; }
.wpcf7-form label { width: 100%; margin-bottom: 10px; }
.wpcf7-form label .label-form { display:block; width: 100%; border-bottom: 1px dotted #221E63; padding-bottom: 5px; font-weight: 300; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"]{ border:none; border-bottom: 1px solid #221E63; padding: 5px; width: 100%; font-weight: 300; }
.wpcf7-form textarea { padding: 5px; border: 1px dotted #221E63; width: 100%; font-weight: 300; }

.wpcf7-form input[type="submit"] { border: none; background: #221E63; padding: 10px; color: #FFF; float: right; }

.cboxOverlay { opacity: 1!important;}
.attachment-large { width: 100%; }
.back-button { position: relative; display: inline-block; padding-left: 20px; float: right; margin-right: -65px; margin-top: -20px; color: #221E63; font-size: 18px; }

#page_info { display: none; position: absolute; top: 96px; background: #21999A; color: #FFF; right: 31px; width: 875px; z-index:1; }
#page_info.page_info_active { display:block; }
#page_info div { padding: 0 20px; width: 25%; float: left; height: auto; font-size: 14px; margin-bottom: 20px; }
#page_info h3 { text-transform: uppercase; font-size: 18px; }
#page_info h3 a { color: #FFF; }
#page_info p { font-size: 14px; }

.download-wrapper { height: 135px; }
.download-file { display: flex; height:  100%; align-items: center; }
.wrapper-form-password { width: 600px; margin: 50px auto; }

.chocolat-wrapper .chocolat-description { width: 450px; display: block; float: none; margin: 0 auto; text-align: center; color: #221E63!important; font-size: 14px!important; }

.fotos-item span .btn-fav { display: inline-block; width: 15px; height: 15px; background: url(img/staroff.png) left center no-repeat; background-size: 100%; text-indent: -2000em; }

.fotos-item span.favorite .btn-fav,
.fotos-item span:hover .btn-fav { background: url(img/staron.png) left center no-repeat; background-size: 100%; }

@media only screen and (max-width: 768px)
	and (orientation : portrait)  {

		.download-wrapper { height: 60px; float: none!important; }
		.download-file { justify-content: center; }

		.home-selection { width: 100%; left: 0; margin-left:0; }
		.home-brand { width: 100%; left: 0; margin-left:0; background-size: 90% auto; }
		.home-flex a { font-size: 1.5rem; } 
		.cycle-bg-image { background-position: center; }
		
		.brand { width: 100%; margin: 20px auto 0 auto; background-size: 100% auto; }
		.more-information { display: none; }
		#main_content { padding: 10px; }
		
		.grid-sizer,
		.grid-sizer-50, 
		.grid-item,
		.grid-item-50 { width: 100%; border: 10px solid #FFF; }
		
		.navbar-toggle { position: initial; float:none; }
		.navbar-toggle .icon-bar { background: #221E63; }
		.menu,
		.sub-menu { padding-left: 0; margin-left: 0;}
		
		/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
		
	table tbody tr:first-child { display: none; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	table h4 { font-weight: bold; }

}