/*
 Theme Name:   Oasi San Giacomo
 Theme URI:    
 Description:  asoggetti Child Theme
 Author:       asoggetti
 Author URI:   http://asoggetti.it
 Template:     asoggetti
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  oasisangiacomo
*/


/* GENERALI */
body{background: #2b2b2b!important;}
html,body{font-family: 'Raleway', sans-serif!important;}
a,a:hover{text-decoration: none!important;}
ul{list-style: none;}
*{text-shadow: none!important;}
strong{font-weight: 600!important;}
b{font-weight: normal!important;}
h1,h2,h3,h4{font-weight: normal!important;}

p{line-height: 1.6em;}


/* Carousel HOME (solo per effetto fade) */
@import url("carousel-fade.css");

.navbar-default .navbar-nav > a{color: white!important;}
.navbar-default .navbar-nav >.open > a, 
.navbar-default .navbar-nav >.open > a:focus, 
.navbar-default .navbar-nav >.open > a:hover{color: #c0a25f!important; background: transparent!important;}

.navbar-default .navbar-nav > .active>a, 
.navbar-default .navbar-nav > .active>a:focus, 
.navbar-default .navbar-nav > .active>a:hover{color: #c0a25f!important;}

.navbar-default .navbar-nav a:link    {color:#FFF!important;}  /* unvisited link  */
.navbar-default .navbar-nav a:visited {color:#FFF!important;}  /* visited link    */
.navbar-default .navbar-nav a:hover   {color:#c0a25f!important;}  /* mouse over link */
.navbar-default .navbar-nav a:active  {color:#FFF!important;}  /* selected link   */ 

.overlay ul li.active a{color: #c0a25f!important;}
/*
font-family: 'Cinzel Decorative', cursive;
font-family: 'Cinzel', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Raleway Dots', cursive;
*/


/*
Colori:
Giallo-oro: #c0a25f;
Grigio scuro header e footer: #2b2b2b;
Marrone chiaro servizi: #c0a25f;
*/






/* HEADER */
header#masthead{position: fixed; top: 0; width: 100%; z-index: 999;
    background: -webkit-linear-gradient(bottom, rgba(43,43,43,1), rgba(43,43,43,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(43,43,43,1), rgba(43,43,43,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(43,43,43,1), rgba(43,43,43,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(43,43,43,1), rgba(43,43,43,1)); /* Standard syntax (must be last) */
}
header div.container-fluid{padding: 0;}
nav.navbar.navbar-default{padding: 0; margin: 0; border: 0 none;}
div.navbar-header{height: 170px; width: 100%;}
a.navbar-brand{display: block; padding: 0; margin: 0; float: none;}


	/* Header che si ridimensiona quando si scrolla */
	div.navbar-header{width: 100%; z-index: 1000; height: 170px; background: transparent;
	overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

	div.navbar-header.shrink{height: 100px; background: #2b2b2b;}

	div.navbar-header div.logo-container a{width: 440px; height: 70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	div.navbar-header div.logo-container a img{width: 440px; height: 70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

	div.navbar-header.shrink div.logo-container a{width: 340px; height: 54px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	div.navbar-header.shrink div.logo-container a img{width: 340px; height: 54px; 
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}


	div.menu-container ul{font-size: 1.4em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	div.navbar-header.shrink div.menu-container ul{font-size: 1.2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}


	div.wpml-ls-legacy-list-horizontal{font-size: 1.4em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	div.navbar-header.shrink div.wpml-ls-legacy-list-horizontal{font-size: 1.2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}


/* Main Menu */
/* div.collapse.navbar-collapse{width: 100%; float: left; padding: 0; height: 50px!important; background: #333;}


div.collapse.navbar-collapse > ul{display: block;}
div.collapse.navbar-collapse > ul,
div.collapse.navbar-collapse > ul > li,
div.collapse.navbar-collapse > ul > li > a{height: 50px!important;}
div.collapse.navbar-collapse > ul > li > a{padding: 0; line-height: 50px;}

div.collapse.navbar-collapse > ul > li > a:hover,
div.collapse.navbar-collapse > ul > li > a:focus,
div.collapse.navbar-collapse > ul > li > a:active,
div.collapse.navbar-collapse > ul > li.active > a,
div.collapse.navbar-collapse > ul > li.active > a:hover{background: #333;}

div.collapse.navbar-collapse > ul > li > a{color: white;}
div.collapse.navbar-collapse > ul > li > a:hover{color: #c0a25f;}

div.collapse.navbar-collapse > ul > li.active > a{color: white;}


ul#menu-main-menu-ita{width: 856px;} 
ul.nav.navbar-nav{text-align: center; display: block; margin: 0 auto; float: none; background: #333;font-size: 1.4em;}
ul.nav.navbar-nav > li{margin: 0 40px;}
*/

/* 3 contenitori header (contatti, logo, language switcher) */
div.menu-container{width: 20%; float: left; height: 100%;}
div.logo-container{width: 60%; float: left; height: 100%;}
div.wpml-container{width: 20%; float: left; height: 100%;}


/* Contatti header */
div.menu-container ul{color: white; margin: 0 0 0 3em; padding: 0; font-size: 1.4em;}
div.menu-container ul li a{color: white;}
div.menu-container ul li a:hover{color: #c0a25f;}


/* Lingue header */
div.wpml-ls-legacy-list-horizontal{border: 0 none; padding: 0; font-size: 1.4em;}
div.wpml-ls-legacy-list-horizontal a{color: white; text-transform: uppercase; margin-right: 0; padding-right: 0; margin-left: 4px;}
div.wpml-ls-legacy-list-horizontal a:hover{color: #c0a25f;}

div.wpml-ls-legacy-list-horizontal ul{margin: 0 40px 0 0!important; text-align: right;}

li.wpml-ls-current-language a{color: #c0a25f;}

ul.quick-contacts{margin: 0 40px 0 0!important;}
ul.quick-contacts li{color: white; font-size: 1em; text-align: right;}
ul.quick-contacts li a{color: white;}
ul.quick-contacts li a:hover{color: #c0a25f;}
ul.quick-contacts li i.fa{color: #c0a25f; font-size: 1em; margin-right: 4px;}



/* Contenuto (HOME e PAGINE INTERNE) */
div#content{margin-top: 170px;}
/* body.page-template-template-home div#content{margin-top: 0;} */



/* Slideshow HOME */
div.carousel-inner{position: relative;}
div.carousel-inner div.item div.testi{position: absolute; left: 0; right: 0; top: 40%; width: 100%; text-align: center; padding: 0; margin: 0;}
div.carousel-inner div.item div.testi h2{font-size: 5em; color: white; font-family: 'Raleway', sans-serif;
width: 100%; text-align: center; padding: 0; margin: 0 0 30px 0; font-weight: 100;}
div.carousel-inner div.item div.testi a{font-size: 1.8em; background: #000; color: white; font-family: 'Raleway', sans-serif;
width: auto; text-align: center; padding: 10px 14px; margin: 0; font-weight: 300; border-radius: 4px; color: white}
div.carousel-inner div.item div.testi a:hover{color: #c0a25f;}

div.container-fluid.container-carousel{padding: 0;}
ol.carousel-indicators li{background: #FFF; border: 0 none; width: 14px; height: 14px; border-radius: 14px; margin: 0 6px;}
ol.carousel-indicators li.active{background: #c0a25f; margin: 0 6px; width: 14px; height: 14px; border-radius: 14px;}

	/* Frecce dx e sx dello slideshow in HOME */
	span.glyphicon{margin-top: -20px!important;}
	.glyphicon-chevron-right:before,
	.glyphicon-chevron-left:before{content: none!important;}


/* Servizi HOME */
div.wrapper-servizi{width: 100%; float: left; padding: 30px 0; background: #c0a25f;}
div.container-servizi ul{display: block; margin: 0 auto; padding: 0; width: 900px;}
div.container-servizi ul li{width: 25%; margin: 0; padding: 0; display: block; float: left; text-align: center; color: #2b2b2b; font-size: 1.3em; font-weight: 600; line-height: 1.2em;}
div.container-servizi ul li img{text-align: center; clear: both;}
div.container-servizi ul li > span{text-align: center; clear: both; display: block; margin-top: 10px; position: relative;}
div.container-servizi ul li > span p{margin-bottom: 0;}
div.container-servizi ul li span.optional{font-size: 0.8em; font-weight: 500; font-style: italic; text-align: center; clear: both; display: block; width: 100%;}

	/* Colorazione SVG per servizi*/
	svg{width: 70px;}
	div.container-servizi svg path,
	div.container-servizi svg circle{fill: #2b2b2b;}


/* Contenuti HOME */
div.wrapper-contenuti{float: left; width: 100%; background: white; padding: 40px 0;}
div.container-contenuti h2{font-family: 'Cinzel', serif; text-align: center; font-size: 2.5em;}
div.intro h2{margin-bottom: 20px; margin-top: 30px;}
div.col-home img{margin-bottom: 40px;}
div.col-home p{font-size: 1.2em; line-height: 1.8em;}





/* FOOTER */
footer#colophon{background: #2b2b2b; min-height: 400px; color: white;}
footer#colophon span.address{width: 100%; display: block; clear: both; text-align: center; color: #999; font-size: 1.2em;}
footer#colophon span.address a{color: #FFF;}
footer#colophon span.address a:hover{color: #c0a25f;}

	footer#colophon .footer-col,
	footer#colophon .footer-col{padding-top: 60px; padding-bottom: 60px;}

	/* Logo */
	footer#colophon div.footer-col{text-align: center;}
	footer#colophon div.footer-col img{width: 270px; margin-bottom: 40px;}

	/* Seguici su: */
	footer#colophon .footer-col.seguici b,
	footer#colophon .footer-col.seguici a{display: block; height: 43px; line-height: 43px; float: left; padding: 0; margin: 0; color: white;}
	footer#colophon .footer-col.seguici a:hover{color: #c0a25f;}

	footer#colophon .footer-col.seguici a.facebook{font-size: 3em;}
	footer#colophon .footer-col.seguici a.instagram{font-size: 3.3em; margin-top: -2px;}


	footer#colophon .footer-col.seguici b{font-size: 1.2em;}
	footer#colophon .footer-col.seguici a{font-size: 3em; margin-left: 10px;}

	footer#colophon .footer-col.seguici div{float: right;}

	footer#colophon hr{border-top: 1px solid #666; width: 100px;}
	footer#colophon em.credits{font-size: 0.8em; font-style: normal;}







/* Regole specifiche PAGINE INTERNE (diverse da Home)*/
	/* Immagine header per PAGINE INTERNE (diverse da Home) */
	div.wrapper-header{width: 100%; float: left; position: relative; background: #c0a25f;}
	div.wrapper-header img{opacity: 0.2; filter: alpha(opacity=50); /* For IE8 and earlier */}
	div.wrapper-header h1{color: white; text-align: center; width: 100%; margin: 0; padding: 40px 0; font-weight: 100!important; font-size: 4em;}
	div.wrapper-header h1.pos_absolute{margin: 0; position: absolute; top: 50%; left: 50%;  margin-right: -50%; transform: translate(-50%, -50%); padding: 0;}

	/* Slider contenuti (nei blocchi 60 - 40) - PAGINE INTERNE (diverse da Home)*/
	div.flexslider{/* border: 20px solid #f9eedd; */ border-radius: 0;}

	/* Tipografia PAGINE INTERNE (diverse da Home) */
	div.wrapper-contenuti.pagine-interne{padding: 0 0 40px 0;}
	div.wrapper-contenuti.pagine-interne .row{padding: 30px 0;}

	div.wrapper-contenuti.pagine-interne .row.even{background: #FFF;}
	div.wrapper-contenuti.pagine-interne .row.odd{background: #FFF;}



	div.wrapper-contenuti.pagine-interne .col h2{text-align: left; margin: 0 0 30px 0;}
	div.wrapper-contenuti.pagine-interne hr:last-child{display: none;}











/* Regole specifiche pagina CONTATTI */
div.box-contatti form,
div.come-raggiungerci dl{margin-top:40px;}


	/* COME RAGGIUNGERCI */
	div.come-raggiungerci h2{text-align: left;}
	div.come-raggiungerci dl{width: 100%; float: left;}
	div.come-raggiungerci dl dt{font-weight: 300!important; font-family: 'Cinzel', serif; font-size: 1.8em; display: block; clear: both; width: 100%; float: left;}
	div.come-raggiungerci dl dt i.fa{color: #c0a25f;}
	div.come-raggiungerci dl dd{text-align: left; text-indent: 40px;}

	div.come-raggiungerci dl dt span{display: block; float: left;}
	div.come-raggiungerci dl dt span:first-child{width: 40px;}
	div.come-raggiungerci dl dt span:last-child{width: 200px;}

	/* MAPPA GOOGLE */
	div.col-md-12.contatti{margin-top: 50px;}
	div.embed-responsive-16by9{padding-bottom: 25%;}


div.wrapper-contenuti.contatti{width: 100%; float: left;}

div.quick-contacts i.fa{color: #c0a25f; font-size: 1.2em; text-align: center; width: 100%;}
div.quick-contacts h2{text-align: center;}
div.quick-contacts p{text-align: center; font-size: 1.2em;}
div.quick-contacts a{text-align: center; color: #333;}
div.quick-contacts a:hover{text-decoration: underline!important;}

a.navigatore{font-size: 1.6em; display: block; float: left; font-weight: 800; padding: 16px 30px; margin:10px 0; 
	color: white; background-color: #c0a25f; width: auto; text-transform: uppercase; font-size: 1.2em;}
a.navigatore:hover{background-color: #2b2b2b; color: white;}

a.navigatore:focus, a.navigatore:hover{color: white!important;}

	/* Form contatti */
	div.contact-form h2{text-align: left;}
	div.contact-form input,
	div.contact-form textarea{border: 0 none; background-color: #EEE; border-radius: 0; -webkit-transition: background-color 0.25s ease-in-out 0s; 
	transition: background-color 0.25s ease-in-out 0s; width: 100%; padding: 12px;}
	div.contact-form input:focus,
	div.contact-form textarea:focus{background-color: #c0a25f; color: white; outline: 0 none;}
	div.contact-form input[type="submit"]{font-size: 1.6em; font-weight: 800; padding: 20px 30px; margin:10px 0; color: white; background-color: #c0a25f; width: auto;}
	div.contact-form input[type="submit"]:hover{background-color: #2b2b2b;}


	input[type="submit"]{
	    color: white;
	    width: 50%;
	    font-size: 1.2em!important;
	    text-transform: uppercase;
	    text-align: center;
	    margin: auto;
	    /* background: red !important; /*/
	    box-shadow: none !important;
	    border: none !important;
	    text-shadow: none !important;
	}


	div.contact-form form p.submit{font-size: 1em;}
	span.wpcf7-not-valid-tip{color: #fff; font-size: 1em; display: block; background: #333; padding: 6px 14px;}
	div.wpcf7-validation-errors,
	div.wpcf7-mail-sent-ok{border: 0 none; background: #EEE; color: #333; font-weight: 800; 
	margin: 0; padding: 6px 14px; font-size: 1.3em;}



	/* Box consenso */
	div.consenso{background: #EEE; padding: 12px; float: left; width: 100%;}
	div.consenso span.consenso input.wpcf7-form-control.wpcf7-acceptance{width: auto; float: left;}
	div.consenso p{font-size: 1em; float: left; display: block; width: 94%; margin-bottom: 0; margin-left: 10px; font-style: italic;}







/* Regole specifiche per LA STRUTTURA */

	/* Layout 7 colonne per cenni storici (pagina LA STRUTTURA) */
	div.wrapper-7-cols{background: #EEE; float: left; margin-right: 0 15px; padding: 20px 0; border-left: 15px solid white; border-right: 15px solid white;}
	div.seven-cols .col-md-1 h2{color: #c0a25f; padding: 0; margin: 0; margin-bottom: 10px;}
	div.seven-cols .col-md-1 p{text-align: center; padding: 0; margin: 0;}

	@media (min-width: 768px){
	  .seven-cols .col-md-1,
	  .seven-cols .col-sm-1,
	  .seven-cols .col-lg-1{
	    width: 100%;
	    *width: 100%;
	  }
	}


	@media (min-width: 992px){
	  .seven-cols .col-md-1,
	  .seven-cols .col-sm-1,
	  .seven-cols .col-lg-1{
	    width: 14.285714285714285714285714285714%;
	    *width: 14.285714285714285714285714285714%;
	  }
	}


	@media (min-width: 1200px){
	  .seven-cols .col-md-1,
	  .seven-cols .col-sm-1,
	  .seven-cols .col-lg-1{
	    width: 14.285714285714285714285714285714%;
	    *width: 14.285714285714285714285714285714%;
	  }
	}




/* POP UP HOME */
.modal-dialog{margin-top: 150px!important;}

.modal-content{border-radius: 0!important;}
.modal-header{padding: 0!important;}

.modal-dialog *{border: 0 none!important;}

.modal-dialog * h4{font-family: 'Cinzel', serif; text-align: center; font-size: 3em; margin-top: 20px; line-height: 1em; margin-bottom: 10px;}
.modal-dialog * p{text-align: center; font-size: 1.6em; }

div.modal-body{padding-top: 0!important; padding-bottom: 0!important;}

a.dismiss-modal{font-size: 1.6em; display: block; float: left; font-weight: 800; padding: 16px 30px; margin:0 auto 16px auto; 
	color: white; background-color: #c0a25f; width: auto; text-transform: uppercase; font-size: 1.2em; cursor: pointer;
    text-align: center; width: 200px; display: block; float: none;}
a.dismiss-modal:hover{background-color: #2b2b2b; color: white;}

a.dismiss-modal:focus, a.dismiss-modal:hover{color: white!important;}


body,html{position: relative!important;}
div.template-name{position: absolute; color: white!important; z-index: 9999999; background: red; top: 0!important; left: 0!important; height: 50px;}

/*

*{margin:0;}
#container1{
    height: 100%;
    width: 100%;
    border: 1px solid green;
    overflow: hidden;
}

#container2{
    width: 100%;
    height: 99%;
    border: 1px solid blue;
    overflow: auto;
    padding-right: 15px;
}

html, body{
    height: 99%;
    border: 1px solid red;
    overflow:hidden;
}





/* ARCHIVIO NEWS */
body.page-template-template-archivi div.container div.col div.wrap{margin-bottom: 30px; height: 300px; background-color: #EEE;}

body.page-template-template-archivi div.container div.col h2{padding: 0; margin-bottom: 15px;}
body.page-template-template-archivi div.container div.col a{color: #2b2b2b;}

body.page-template-template-archivi div.container div.col h3{font-size: 20px;}

span.cover{display: block; height: 100%; width: 100%; background: rgba(100,70,30,0.5); overflow: hidden; z-index: 2;}


div.prev{width: 100%; padding: 0 15px; float: left;}
div.prev a{float: left; padding: 15px; background: #c0a25f; color: white;}
div.prev a:hover{background: #2b2b2b}


div.next{width: 100%; padding: 0 15px; float: left;}
div.next a{float: right; padding: 15px; background: #c0a25f; color: white;}
div.next a:hover{background: #2b2b2b}


div.colsx{height: 300px; width: 30%; float: left; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
div.coldx{height: 300px; width: 70%; float: left; padding: 30px;}

div.coldx a.continua{float: left; padding: 15px; background: #c0a25f; color: white!important;}
div.coldx a.continua:hover{background: #2b2b2b}


/* SINGOLA NEWS */
body.single-post img.img-responsive{text-align: center; margin: 0 auto 30px auto;}



/* AGGIORNAMENTI APRILE 2019 */
span.wpcf7-list-item{float: left; width: 20px; height: 20px; margin: 0;}