/*!
Theme Name: Agherose v.2018
Theme URI: https://www.agherose.com/
Author: Elisa Bellina
Author URI: https://kamidesign.it/
Description: Custom theme for Agherose website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: agherose2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

agherose2018 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


@import "webfonts/style.css";


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

/*------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	margin: 0;
	background: #fff;
	color: #454545;
	font-size: 100%;
	letter-spacing: 0.025em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.container {
	width: 1200px;
	max-width: 98%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	}

a img { text-decoration: none; border: 0 none; float: left; margin: 0;  }
p a, #page a { font-family: 'Lora', serif; color: #97407d; text-decoration: none; margin: 0; padding: 0; font-weight: 100; }
p a:hover, #page a:hover, #page.home .projects-list ul.nav li a:hover, #page .progetti-nav .col_1-3 a:hover h6, #page .progetti-nav .col_1-2 a:hover h6 { color: #222; text-decoration: none; transition: all 0.5s; }

input:focus, textarea.sticky:focus, select:focus { outline: none; }
	
h1, h2, h3, h4, h5, h6 { width: 100%; float: left; clear: both; margin: 0; padding: 0; font-weight: 100; }

p { width: 100%; line-height: 26px; clear: both; float: left; margin: 0 0 26px 0; padding: 0; text-align: justify; }
p strong { font-weight: 600; }

img { width: 100%; height: auto; float: left; margin: 0; padding: 0; }

.underline { text-decoration: underline; }

.grey, #page #menu-col ul li a.current { color: #9d9d9c; }

.icon-arrow { font-size: 60%; }

.line { width: 400px; max-width: 100%; float: none; display: inline-block; border-top: 1px solid #e3e0e3; margin: 0; padding: 0; }


/*-----------------------------------------------------------------------------------------------
   colonne
-----------------------------------------------------------------------------------------------*/

.col_1-1, .col_1-2, .col_1-3, #page.home .projects-list a.item, #page .gallery a.col_1-3 {
	float: left;
	margin: 0 2.5%;
	padding: 0;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

.col_1-1 { width: 95%; }
.col_1-2, #page.home .projects-list a.item { width: 45%; }
.col_1-3 { width: 28.33%; }

#page .col_1-2 { margin-bottom: 64px; }


/*-----------------------------------------------------------------------------------------------
   header
-----------------------------------------------------------------------------------------------*/

#header {
 	width: 100%;
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
	background: #fff;
	text-align: center;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}
#header, #header .menu-wrapper { height: 157px; }
#header .menu-wrapper { border-bottom: 1px solid #fff; }
#header .menu-wrapper.border { border-bottom-color: #ebe9eb; transition: all 0.5s; }

#header .mobileNav { display: none; }

#header .navigator { width: 100%; margin: 0; padding: 0; float: left; }

#header .navigator ul { margin: 0; padding: 0; width: 100%; }
#header .navigator ul li { 
	width: 140px;
	margin: 0;
	padding: 0; 
    list-style-type: none;
    display: inline-block;
	}

#header a { color: #999; text-decoration: none; letter-spacing: 0.05em; font-size: 81.55%; text-transform: uppercase; }
#header a:hover, #page.home ul.projects-nav li a:hover, #page.home ul.projects-nav li.current-cat-ancestor li a:hover { color: #97407d; text-decoration: none; }
#header .navigator ul li.current-menu-item a, body.archive #header .navigator ul li.menu-item-30 a, body.single-post #header .navigator ul li.menu-item-30 a { color: #333; }

#header .navigator ul li.logo { width: auto; margin: 0 40px; }
#header .icon-logo-agherose { font-size: 470%; letter-spacing: normal; position: relative; top: 18px; }

/* selettore lingua */

#header .language { width: 100%; margin: 23px 0 0 0; padding: 0; float: left; }
#header .language ul, #header ul.lang { width: 100%; margin: 0; padding: 0; float: left; clear: both; }
#header .language ul li, #header ul.lang li { 
	margin: 0;
	padding: 0; 
    list-style-type: none;
    display: inline-block;
	}
#header .language a, #header ul.lang a { padding: 0 2px; }
#header .language ul li:before, #header ul.lang li:before { content: "/"; font-size: 81.55%; color: #999; margin: 0 0 0 3px; }
#header .language ul li:first-child:before, #header ul.lang li:first-child:before { content: ""; }


/*-----------------------------------------------------------------------------------------------
   page
-----------------------------------------------------------------------------------------------*/

#page {
 	width: 100%;
	margin: 200px 0 0 0; /*header h = 157px */
	padding: 0;
	float: left;
	}
#page.home { margin-top: 235px; }


/* elenco progetti */

#page.home ul.projects-nav, #page.home ul.projects-nav ul { font-family: 'Lora', serif; margin: 0 0 50px 0; padding: 0; width: 100%; text-align: center; }
#page.home ul.projects-nav li { margin: 0; padding: 0 7px; list-style-type: none; display: inline-block; width: auto; float: none; }
#page.home ul.projects-nav li a { color: #aaa; text-transform: lowercase; }
#page.home ul.projects-nav li.current a, #page.home ul.projects-nav li.current-cat a, #page.home ul.projects-nav li.current-cat-ancestor a { color: #333; font-style: italic; }
#page.home ul.projects-nav li.current-cat-ancestor li a { color: #aaa; font-style: normal; }
#page.home ul.projects-nav li.current-cat-ancestor li.current-cat a { color: #333; font-style: italic; }


#page.home .projects-list { width: 100%; margin: 0; padding: 0; float: left; }

#page.home .projects-list a.item { display: block; position: relative; margin-bottom: 35px; }
#page.home .projects-list a img { width: 100%; height: auto; display: block; margin: 0; }

#page.home .projects-list a .dida {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(247,247,247,0.7);
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	float: left;
	transition: opacity 0.5s;
	}
#page.home .projects-list a:hover .dida { opacity: 1; transition: opacity 0.5s; }

#page.home .projects-list a .dida .text {
    width: calc(100% - 20px);
    padding: 0 10px;
    text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}

#page.home .projects-list a .dida .text h2 { font-size: 166%; font-weight: 800; color: #8b478b; margin-bottom: 7px; }
#page.home .projects-list a .dida .text .cat { font-family: 'Lora', serif; color: #404040; float: left; width: 100%; }


/* pagine interne */

#page h1, #page h2 { font-family: 'Lora', serif; }
#page h1 { font-size: 340%; color: #d8d8d8; text-align: center; line-height: 65px; }
#page h2 { font-size: 180%; line-height: 38px; margin-bottom: 32px; }

#page h3, #page h4, #page h5, #page h6 { font-size: 110%; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; color: #333; }
#page h4 { font-size: 100%; }
#page h5, #page h6 { font-size: 90%; }

#page h3 { font-size: 81.25%; position: relative; padding-left: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page h3:before {
    content: " ";
    display: block;
    border-bottom: 2px solid #8c488c;
	width: 40px;
	position: absolute; 
	left: 0;
	top: 8px;
  	}

#page ul, #page ol { width: 100%; float: left; margin: 0 0 26px 0; line-height: 26px; padding: 0 0 0 20px; text-align: justify; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page ul li, #page ol li { width: 100%; float: left; margin: 0 0 10px 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }


#page .contents { width: 100%; float: right; margin: 32px 0 0 0; padding: 0; position: relative; }
#page .contents:before {
    background: #ededed;
    content:"";
    margin: 0; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 60px; left: 0; right: 0; bottom: 0;
    z-index: -1;
  }
#page.category-documentari .contents.galleria:before { top: 60px; bottom: -92px;  }

body.error404 #page .contents { margin-top: 62px; padding-top: 64px; }
body.error404 #page .contents:before { top: 0;  }


#page .intro { width: 100%; float: left; clear: both; margin: 0 0 50px 0; padding: 0; }

#page .contents .entry { width: 100%; float: left; clear: both; margin: 0; padding: 0 0 32px 0; }

#page .contents h2, #page .contents h3, #page .contents h4, #page .contents h5, #page .contents h6, #page .contents p, #page .contents ul, #page .contents ol { width: calc(100% - 100px - 3.5%); padding-left: 100px; position: relative; }
#page .intro p { width: 100%; padding-left: 0; margin-bottom: 0; }

#page .contents ul, #page .contents ol { width: 100%; padding-left: 120px; padding-right: 3.5%; }
#page .contents .entry h2:first-child:before, #page .contents .entry p:first-child:before {
    content: " ";
    display: block;
    border-bottom: 2px solid #8c488c;
	width: 60px;
	position: absolute; 
	left: 0;
  	}
#page .contents .entry h2:first-child:before { top: 22px; }
#page .contents .entry p:first-child:before { top: 14px; }

#page .contents .entry h3 { font-size: 110%; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; color: #333; }
#page .contents .entry h3:before { border-bottom: none; width: 0; }

#page .small-line { width: 60px; float: left; border-bottom: 2px solid #8c488c; margin: 22px 0 0 0; padding: 0; }

#page .gallery { width: 100%; float: left; clear: both; margin: 0; padding: 0; }
#page .gallery a.col_1-3 { margin-bottom: 35px;}

#page .container .col_1-2 { padding-top: 50px; }
#page .container .col_1-2.lessmarg { padding-top: 25px; }

#page ul.custom { padding-left: 0; margin-top: 12px; }
#page ul.custom li { list-style-type: none; margin-bottom: 18px; }
#page ul.custom li [class^="icon-"], #page ul.custom li [class*=" icon-"] { font-size: 180%; position: relative; top: 8px; margin-right: 20px; }

.clear_column { width: 100%; float: left; clear: both; margin: 0; padding: 0; }

#page .progetti-nav { width: 100%; float: left; clear: both; margin: 32px 0 12px 0; padding: 0; font-family: 'Lora', serif;  font-size: 115%; }
#page .progetti-nav .prev { text-align: left; }
#page .progetti-nav .archive { text-align: center; }
#page .progetti-nav .next { text-align: right; }
#page .progetti-nav .col_1-3 a, #page .progetti-nav .col_1-2 a { width: 100%; float: left; display: table; height: 100%; }

#page .progetti-nav .arrow {
	width: 50px;
	font-size: 300%; 
	color: #d8d8d8;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin: 0;
    padding: 0;
	}

#page .progetti-nav .col_1-3 h6, #page .progetti-nav .col_1-2 h6 {
	font-style: italic; 
	font-size: 100%; 
	width: calc(100% - 50px); 
	float: none; 
	clear: none;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 6px 0 0 0;
	text-transform: none; 
	font-weight: 100; 
	color: #97407d;
	}


/*-----------------------------------------------------------------------------------------------
   footer
-----------------------------------------------------------------------------------------------*/


#footer {
	width: 100%;
  	margin: 0;
	padding: 80px 0 10px 0;
	float: left;
	color: #aaa;
	font-size: 70%;
	text-align: center;
	}

#footer p { line-height: 18px; text-align: center; }
#footer .line { margin-bottom: 11px; }



/*
===========================================================================================
	media queries
===========================================================================================
*/


/* navigator */

@media only screen and (max-width:990px) {

	#header { padding-top: 11px; text-align: left; }
	#header, #header .menu-wrapper { height: 100px; }
	#header .menu-wrapper { border-bottom-color: #ebe9eb; }

	#header .navigator, #header .navigator ul li.logo, #header .language { display: none; }
	
	#header .mobileNav {
		width: 100%;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}

	#header .mobileNav a.logo { font-size: 70%; float: left; }
	
	#header ul.lang { width: auto; clear: none; float: right; margin-top: 30px; }
	
	#header .mobileNav a#mobileNavIcon { font-size: 120%; float: right; color: #999; padding: 8px 4px 5px 15px; margin-top: 23px; }
	#header .mobileNav a#mobileNavIcon.bounce { color: #8f4c8f; }
	#header .mobileNav a#mobileNavIcon span { font-size: 100%; }

	#header .navigator {
		display: none;
		position: relative;
		top: 36px;
		border-top: none;
		background: rgba(240, 240, 240, 0.95);
		}

	#header .navigator { width: 100%; float: left; text-align: center; }
	#header .navigator ul { margin-top: 17px; margin-bottom: 12px; }
	#header .navigator ul li { width: 100%; clear: both; text-align: center; margin: 0 0 5px 0; }

	#header .navigator a { padding: 8px 0; display: block; }

	
}
@media only screen and (min-width:600px) and (max-width:767px) {

	#header, #header .menu-wrapper { height: 93px; }

	#header .mobileNav a.logo { font-size: 60%; }

	#header ul.lang { margin-top: 27px; }
	#header .mobileNav a#mobileNavIcon { margin-top: 20px; }
	
	#header .navigator { top: 32px; }

}

@media only screen and (max-width:599px) {

	#header, #header .menu-wrapper { height: 83px; }

	#header .mobileNav a.logo { font-size: 48%; }

	#header ul.lang { margin-top: 23px; }
	#header .mobileNav a#mobileNavIcon { margin-top: 15px; }
	
	#header .navigator { top: 27px; }

} 


/* ridimensionamento foto & co. */

@media only screen and (max-width:990px) {

	#page, #page.home { margin-top: 185px; }

	
}

@media only screen and (max-width:767px) {

	#page, #page.home { margin-top: 165px; font-size: 95%; }

	#page.home .projects-list a .dida .text h2 { font-size: 145%; margin-bottom: 3px; }

	#page h1 { font-size: 300%; line-height: 60px; }
	#page h2 { font-size: 160%; line-height: 36px; }

	.col_1-3 { width: 45%; }
	#page .progetti-nav .col_1-3 { width: 28.33%; }
}

@media only screen and (max-width:599px) {

	.col_1-2, #page.home .projects-list a.item, .col_1-3, #page .progetti-nav .col_1-3 { width: 95%; }
	
	#page .gallery a.col_1-3 { width: 45%; }

	
	#page, #page.home { margin-top: 145px; font-size: 90%; }
	
	#page.home .projects-list a.item { margin-bottom: 20px; }
	#page.home .projects-list a .dida .text h2 { font-size: 135%; margin-bottom: 0; }
	
	#page h1 { font-size: 240%; line-height: 50px; }
	#page h2 { font-size: 150%; line-height: 32px; }

	#page .contents h2, #page .contents h3, #page .contents h4, #page .contents h5, #page .contents h6, #page .contents p, #page .contents ul, #page .contents ol { width: 100%; padding-left: 0; }
	#page .contents ul, #page .contents ol { width: 100%; padding-left: 20px; padding-right: 0; }
	#page .contents .entry h2:first-child:before, #page .contents .entry p:first-child:before { width: 0; }

	#page .col_1-2 { margin-bottom: 44px; }
	
	#page .progetti-nav .col_1-3 { margin: 20px 0; }
	
	#footer { padding-top: 40px; }

	
}

@media only screen and (max-width:479px) {

	#page .gallery a.col_1-3 { width: 95%; }

}


/* rollover elenco progetti */ 

@media only screen and (max-width:1024px) and (max-height:770px), only screen and (max-width:770px) and (max-height:1024px) {
	
	
	#page.home .projects-list a .dida { position: relative; height: auto; opacity: 1; background: #f5f5f5; }

	#page.home .projects-list a .dida .text {
		position: relative;
		top: 0; 
		left: 0; 
		transform: none;
		float: left; 
		padding-top: 9px;
		padding-bottom: 15px;
		}

}

/* RG 12.10.2022 */
img.no-resize-image { width: 300px!important; height: auto; }