/*
 Theme Name:   VascoMendes
 Theme URI:    http://vascomendes.com
 Description:  Vasco Mendes Website
 Author:       Cláudia Queirós
 Author URI:   http://claudiaqueiros.com
 Template:     forefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  crau
*/


/* | MAIN ELEMENTS | */

:root {
	--blue: #2d62d2;
}

body {
font-family: 'Lato', sans-serif;
color: #000;
}

h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
text-transform: uppercase;
}

a,
a:visited {
	color: #000;
}

a:hover,
a:focus, 
a:active,
.entry-title a:hover, 
.entry-title a:active,
.entry-title a:focus  {
	color: var(--blue);
}

.site {
	max-width: 95%;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.site-main {
	flex: 1;
	clear:both;
	margin-bottom: 15px;
}

.wp-block-gallery { /*frames nao aparecerem repetidos*/
	display:none;
}

/*  MOBILE | GERAL | */

.site-branding {
	width: 50%;
	/*padding-left:16px;*/
	margin:0;
	float:left;
}

.site-title a {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
}

.site-title {	
	text-align: left;
}

.site-main {
	margin:0;
	padding:0;
	border:none;
}

.content-area {
	padding-top: 0;
}

.menunav-menu {
	display:inline-block;
	margin: 0;
	padding: 0;
}

.menu-toggle {
	display:none;
}

.navigation-main a {
	font-size: 1.1em;
	letter-spacing: .05em;
	border-bottom: 1px solid transparent;
}

.navigation-main a:hover,
.navigation-main a:focus,
.navigation-main li.current_page_item > a,
.navigation-main li.current-menu-item > a {
	color: var(--blue);
	border-bottom-color: var(--blue);
}

.site-header {
	margin: 40px 0 40px;
	padding:0;
}


.site-footer {
	padding:0;
	background:none;
	/*width: 40%;*/
	text-align: center;
	margin: 0 auto;
}

.site-info {
float:none;
}

.footer-widget-area {
	background-color: #fff;
	border-bottom: none;
	width: 80px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
}

.footer-widget-area .widget, 
.footer-widget-area .widget-title, 
.footer-widget-area .widget a, 
.footer-widget-area .widget a:hover, 
.footer-widget-area .widget a:focus {
	color: #000;
	border-bottom: none;
}

.footer-widget-area .widget .textwidget p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-widget-area .widget .textwidget p a {
	margin: auto;
}

.footer-widget-area .one-widget #text-2 {
	padding:0;
	margin: 0;
}

.screen-reader-text {  /*Corrigir espaço direita*/
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


/* just mobile | HERO SITE-TITLE | */

.hero {
	
}

.hero .page-title {
	color: #000;
	border-bottom: solid 1px #000;
	font-size: 15px;
}



.hero {
	text-align: left;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.hero > div > div > div {
	padding:0;
}


.hero .page-title {
	letter-spacing: 0.05em;
	font-weight: 400;
	display: inline-block;
	padding-bottom: 5px;
	color: #000;
	border-bottom: solid 1px #000;
	font-size: 15px;
}


.hero.without-featured-image {
	border: none;
}



/* mobile | MENU NAVIGATION | */

.navigation-main h1, 
.menu-toggle.toggled-on {
	font-family: 'Lato', sans-serif;
	font-size: 1.3em;
	color: #000;
	font-weight: 600;
	display: inline;
	letter-spacing: 0.05em;
	padding:0;
}

.menunav-menu.toggled-on, 
.menu-menu-1-container, 
.main-small-navigation div {
	background-color: #fff;
	position: absolute;
    right: 0;
    padding: 0 16px 16px;
    z-index: 999;
}

.menu-toggle:before {
	content: "\f419";
	line-height: 1em;
	font-weight: 900;
}

.menunav-menu.toggled-on a {
	color: rgb(0,0,0);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: #000 solid 1px;
    text-align: center;
}

.menu-toggle, 
.menu-toggle.toggled-on {
	background-color: #fff;
	line-height: 0;
	color: #000;
}

.navigation-main, 
.main-small-navigation {
	width: 38%;
	float:right;
	padding:0;
	margin:0;
	text-align: right;
	padding-top: 7px;
	/*padding-right: 24px;*/
}

.main-small-navigation li {
	padding: 0;

}




/* mobile | HOME | */

.home .site {
	display:flex;
	justify-content: center;
}

.home .content-area.front-page-content-area {
	display:none;
}

.home .site-main {
	display:none;
}

.home iframe {
	margin-bottom:0;
}

.home .site-title a {
	font-size: 2.5em;
}

.home .navigation-main li {
	display:block;
}

.home .navigation-main a {
	font-size:2em;
	font-weight: 300;
    line-height: 3;
    border-bottom: #000 1px solid;
}

.home .navigation-main a:hover,
 .home .navigation-main a:focus {
 	border-bottom: 1px solid var(--blue);
 	}

.home .navigation-main h1, 
.home .menu-toggle.toggled-on {
	display:none;
}

.home .navigation-main a {
	padding:0;
	
}

.home .navigation-main {
	padding-top: 0;
}

.home .navigation-main, 
.home .main-small-navigation {
	padding-right: 0;
	width: 50%;

}

.entry-content {
	padding: 0 5%;
    margin: 0;
}


/*article {
	margin: 0 5%;
}
*/
.entry-header {
	padding: 0;
    margin: 0;
}


/* mobile | CATEGORY ARCHIVES | */

.archive .entry-content, .search .entry-content {
	padding: 0;
}

.archive .categories-links, .search .categories-links { 
	font-size: 10px;
	font-weight:400;
	padding: 0;
	margin: 0;
	float:right;
	text-align: right;
	clear: right;
	padding-top: 4px;
}

.archive .entry-title, .search .entry-title { 
	max-width: 70%;
	font-size: 17px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	clear: left;
}

.archive .entry-title a, .search .entry-title a { 
	font-size: .6em;
}

.archive article .blog-thumbnail, .search article .blog-thumbnail {
		margin: 0;
	}

.blog-thumbnail + .entry-header {
	padding-top: 5px;
}



	/* | NAV PAGING | */


		.site-content [role="navigation"] {
			text-align: left;
			clear:both;
			margin: 0 12px 15px;
		}

		.site-content [role="navigation"] a  {
			background: none;
			color: #000;
			margin: 11px 15px 0px 0px;
			padding: 0;
			padding-bottom: 5px;
			border-bottom: 1px solid #000;
			font-size: 12px
		}

		.site-content [role="navigation"] a:hover {
			color: blue;
			border-bottom: 1px solid blue;
			background: none;
		}

		.site-content [role="navigation"] .page-numbers.current {
			color: #000;
			font-size: 12px;
			font-weight: 300;
			padding-right: 15px;
		}


		.site-content [role="navigation"] .next.page-numbers {
			margin-left: 0;
		}

/* ============ VIDEOS ARQUIVE PAGE */

.videos-navigation {
	list-style: none;
    margin: 0 0 20px;
}

.videos-navigation li {
	display:inline;
	padding-right: 20px;
	text-transform: uppercase;
    font-size: 0.75em;
    line-height: 2;
    letter-spacing: 0.05em;
}

.videos-navigation li.active-category a {
	color: var(--blue);
}



/* mobile | SINGLE POST | */

.single-post .site-content {
	margin:0;
}

.single-post .hentry {
	width: 100%;
}



.single-post .entry-content {
	padding: 0;
	width: 100%;
}

.single-post .gallery img {
	float: left;
	border: none;
	padding-bottom: 14px;
	max-width: 95%;
}

.single-post article {
	margin:0;
}

.single-post article .entry-header {
	display:flex;
	align-items: baseline;
	margin-bottom: 10px;
}

.single-post article .categories-links {
	order: 1;
	margin:0;
	margin-left: auto;
	font-weight: 300;
}

.single-post article .entry-title {
	text-align: left;
	font-size: 16px;
}

.categories-links a:hover, .categories-links a:active, .categories-links a:focus {
	color: blue;
}


.single-post article .entry-content p {
	width: 100%;
	font-size: 0.8em;
	margin: auto;
	margin-bottom: 10px;
}



.single-post article .entry-content p > strong {
	text-transform: uppercase;
	font-size: 0.95em;
}


.single-post article .entry-content .vimeo {
	margin-bottom: 40px;
}

.single-post .gallery-after-content h3 {
	font-size: 12px;
	margin-bottom: 0;
	padding-top: 20px;
}

.single-post .gallery-after-content img {
	max-width: 49%;
	margin-top: 20px;
	float:left;
	clear:left;
}

.single-post .gallery-after-content img:nth-child(odd) {
	float:right;
	clear:right;
}


/* mobile | STILLS SINGLE POST | */

.category-music .gallery-after-content h3, .category-places .gallery-after-content h3 {
	display:none;
}

.category-music .entry-title, .category-places .entry-title {
	margin-bottom: 0;
}


/* mobile | ABOUT PAGE | 


body.page-id-19 .entry-content {
	padding:0;
	display:flex;
	flex-direction: column-reverse;
}
*/

/* SEARCH - NOT FOUND PAGE */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background: #CCC;
	padding: 5px 15px 6px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	
	padding: 3px 3px;
}

.search .entry-meta,
.search .entry-summary{
	display:none;
}



/* | MEDIA QUERIES | */



	@media screen and (min-width: 570px) {
		
	.navigation-main, 
	.main-small-navigation {
		padding-right: 0;
	}

	.site-branding {
		padding: 0;
	}



	.archive .hentry, .search .hentry {
	margin-bottom: 25px;
	}
	

		
	.archive article, .search article {
		float: left;
		clear:left;
		width: 48%;
		margin: 0;
		margin-bottom: 20px;
	}


	.archive article:nth-child(odd), .search article:nth-child(odd) {
		float:right;
		clear:right;
	}

	.hero {
		margin-left: 0;
	}

	.videos-navigation {
	 	margin: 0 0 20px;
	}

	body.page-id-19 article {
		margin:0 auto;
		padding:0;
		max-width: 70%;
		line-height: 1.75;
	}

	/*body.page-id-19 .entry-content p:first-child {
	    max-width: 70%;
	}*/


	}

@media (max-width: 929px) {

	body.home .site-branding {
		width: 100%;
		float: none;
		margin: auto;
		padding:none;
	}


	body.home .navigation-main, 
	body.home .main-small-navigation {
		width: 100%;
		margin: auto;
		text-align: center;
		padding-top: 30px;
	}	


	.home .navigation-main ul {
		display: inline-block;
	}


	
}

	@media (min-width: 930px) {

		
		.hero {
			display:none;
			margin-left: 0;
		}

		.site {
			max-width:90%;
		}

		.site-header {
			margin: 40px 0 70px;
		}

		.site-title a {
			font-size: 1.5em;
		}
		
		.navigation-main h1, 
		.menu-toggle.toggled-on {
			display:none;
		}

		.navigation-main a {
			padding:0;
			
		}

		.navigation-main li {
			padding-left: 20px;
		}

		.navigation-main {
			padding-top: 0;
		}

		.navigation-main, 
		.main-small-navigation {
			padding-right: 0;
			width: 50%;
		}

		.site-branding {
			padding-left: 0;
		}

		.site-content {
			margin:0;
		}

		article {
		margin: 0;
		}






		/* | HOMEPAGE | */

			/*body.home .site {
				
			}*/

			.home .site {
				justify-content: flex-start;
			}

			body.home .site-header {
				margin: 40px auto 35px;
				width: 100%;
			}

			.home .navigation-main li {
				display:inline-block;
			}

			.home .navigation-main a {
				font-size:1.2em;
				font-weight: 300;
			    line-height: 4;
			    border-bottom: none;
			    border-bottom: 1px solid transparent;
			}

			.home .navigation-main a:hover {
				font-size:1.2em;
				font-weight: 300;
			    line-height: 4;
			    border-bottom: solid 1px var(--blue);
			}

			body.home .site-main {
				text-align: center;
			}

			body.home .optional-widget-area .widget {
				padding: 0;
				margin: 0;
			}

			body.home .site-footer {
				display:none;
			}
				
			div.vimeo-bg {
				position: relative;
				padding-bottom: 56.25%;
			}

			div.vimeo-bg iframe {
				position: absolute;
				top: 0;
				left:0;
				width: 100%;
				height:100%;
			}

			.home .site-main {
				display: inline-block;
			}

			.home .optional-widget-area {
				padding:0;
			}



		/* | CATEGORY PAGES | */


			.site-main {
				margin:0;
				padding:0;
			}


			.archive.category article, 
			.archive article:nth-child(odd),
			.search article,
			.search article:nth-child(odd) {
				float: left;
				clear: none;
				width: 33.3%;
			    padding: 0 1.3% 0;
			    box-sizing: border-box;
			}


			.archive.category article:nth-of-type(3n+4), 
			.archive.category article:first-child  {
				clear:left;
				
			}

			.archive.category .categories-links {
				margin:0;
				font-size: 10px;
			}

			.videos-navigation {
			    margin: 0 1.3% 20px;
			}


	/* | SELECTED | */


			.blog-thumbnail + .entry-header {
				margin:0;
				padding: 0;
			}

			.archive.tag-selected .hentry {
				width: 48%;
				float: left;
				clear: left;
				padding:0;
			}

			.archive.tag-selected .hentry:nth-child(odd) {
				width: 48%;
				float: right;
				clear: right;
			}

			.archive:not(.tag-selected) .site-content,
			.search .site-content {
				margin: -1.3%;
			}

			.content-area,
			.blog-thumbnail {
				margin: 0;
				padding: 0;
			}

			.entry-meta, .categories-links {
				font-size: 12px;
				margin-top: 6px;
			}


			/* | SINGLE POSTS | */

			.single-post article .entry-content p {
				width: 50%;
				float:left;
				clear:left;
				padding-right: 20px;
			    box-sizing: border-box;
			}

			.single-post article .entry-content p:nth-of-type(2n+2) {
				float:right;
				clear: right;
				text-align: left;
			}

			/* | ABOUT PAGE | */


		/*	body.page-id-19 .entry-content {
				flex-direction: row-reverse;
			}*/
			 
	/*		body.page-id-19 .entry-content p:first-child {
				flex-basis: 400px;
				margin-left: 5%;
				margin-top: 5%;
			}*/


}


@media (min-width: 1110px) {

	.site {
		max-width: 70%;
	}
	
	.site-content {
		margin: 0;
		position:relative;
	}

	.videos-navigation {
		display:inline-block;
		position: absolute;
	    text-align: right;
	    left: -105px;	
	    margin: 0 8px 10px;
	}

	.videos-navigation li {
		display:block;
	}

}

@media (min-width: 1440px) {

	.site {
		max-width: 1280px;
	}

}