/*
Theme Name: CHIARA VALCEPINA
Theme URI:
Author: Matteo Di Bello
Author URI: www.agenziastrategia.it
Description: Tema per sito di Chiara Valcepina
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: tpvz

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.
*/

.admin-bar .navbar--fixed{top:32px;}
img {
  max-width: 100%;
  height:auto;
}
body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: 'Montserrat', sans-serif;
}

.main-content{
  flex:1;
}



.fluid-width-video-wrapper {border-top:30px solid white !important; border-bottom:30px solid white !important;border-left:30px solid #028605 !important; border-right:30px solid #b20606 !important; box-shadow:0 0 6px black;}
.epyt-gallery-title {}
.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {}

/* header
-------------------------------------------------------- */
.titolosito {font-weight: bold; font-size: 1.9rem; line-height:100%; color:white !important;}
.titolosito--descr {font-weight: lighter;font-size: 1.3rem}
.iconesocial {color:white !important;  font-size: 1.8rem;}
.iconesocial img {max-width: 35px; min-width: 35px; height:auto; }
.iconesocial a,.iconesocial  a:visited {color:white !important;cursor:default;}
.iconesocial a:hover {color:rgba(255,255,255,0.5) !important; transition:ease-in 0.3s; cursor:default;}
.navbar {padding: .0rem 1rem; min-height:10vh; box-shadow: 0 0 15px black;}
.navbar--fixed {position: fixed; top:0; left:0; z-index:1000; width:100%; min-height:50px;}
.navbar-brand {display:block; transition:all 0.5s ease-in-out;}
.navbar-brand img {max-width: 200px;}
.navbar-brand--show {display:block;}
.indexart img {border:6px solid #014171;border-top:3px solid #014171; border-left:1px solid #014171; border-right:1px solid #014171; box-shadow: 0 0 6px black; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.indexart img:hover {box-shadow: 0 0 0px black;}
.bg-primary {background-image: linear-gradient(to right, #014171 , #2a9df4);}
.nav-link {font-size: 1.2rem;}
.social {font-size: 2.3rem; margin:5px;}
.social a {color:white; transition: all 1s cubic-bezier(.215, .61, .355, 0.5);}
.social a:hover {color:rgb(255,255,255,0.3);}
.socialheader {display: flex; margin-left:3px;}


/* PROGETTO
-------------------------------------------------------- */
.imgbox {width:100%; height:auto; display:block}
.imgbox--change {width:100%; height:auto; display:none;}
.imgboxs {width:100%; height:auto; display:none;}
.imgboxs--change {width:100%; height:auto; display:block}

/* pagina
-------------------------------------------------------- */
.pagina {background-position: top center; background-size: cover; background-attachment: fixed;}

@media only screen

and (min-device-width: 375px)

and (max-device-width: 1150px)

and (-webkit-min-device-pixel-ratio: 2)

and (orientation: portrait) {
  .pagina {background-position: top center; background-size: cover; background-attachment: scroll;;}

}

/* Landscape */

@media only screen

and (min-device-width: 375px)

and (max-device-width: 1200px)

and (-webkit-min-device-pixel-ratio: 2)

and (orientation: landscape) {
  .pagina {background-position: top center; background-size: cover; background-attachment: scroll;;}

}
/* homepage
-------------------------------------------------------- */
.chisonohome img {max-height: 100%; object-fit: contain;}
.testata{background-position: top center; background-attachment: fixed; background-size: cover;}
.slogan h1 {color:white; font-size: 2.5rem; text-shadow: 0 0 6px black;}
.slogan h2{color:white; font-weight: bolder; font-size: 2.5rem;text-shadow: 0 0 6px black;}
.slogan h3{color:white; font-size:1.5rem;text-shadow: 0 0 6px black;}
.logo img {max-width:100%; -webkit-filter: drop-shadow(0 0 16px black ); filter: drop-shadow(0 0 16px black);}
.logomobile img {max-width:150px; -webkit-filter: drop-shadow(0 0 16px black ); filter: drop-shadow(0 0 16px black);}
.logodesktop img {max-width:50%; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.fotodesktop {padding:0; margin:0;}
.fotodesktop img {object-fit: cover; object-position: top center; max-width: 100%; min-width: 100%;}
.socialicons {font-size: 5rem;}
.socialicons-mobile {font-size: 3rem;}
.socialicons .facebook {color:#3b5998; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.socialicons .facebook:hover {color:#014171;}
.socialicons .twitter {color:#1DA1F2; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.socialicons .twitter:hover {color:#014171;}
.socialicons .instagram {color:#fd9501; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.socialicons .instagram:hover {color:#014171;}
.socialicons .youtube {color:#FF0000; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.socialicons .youtube:hover {color:#014171;}
.articoli h3{font-size:1.4rem;}
.articoli img {max-height: 350px; min-height: 350px; object-fit: cover; max-width: 100%; min-width: 100%; border-top:3px solid white; border-bottom:3px solid white; border-left:8px solid #028605; border-right:8px solid #b20606; box-shadow:0 0 10px black; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.articoli img:hover {box-shadow:0 0 6px black;}
.arttest h3 {}
.arttest a {color:white !important;}
.arttest a:hover {text-decoration: none;}
.videohome .widget {margin:2%;}
.socialhome .widget {max-width: 100%;}
.sidebarvideo {display: flex; justify-content: center; flex-wrap: wrap;}
.sidebarvideo .widget {max-width: 100%; width: 48%; margin: 10px; border-top:6px solid white; border-bottom:6px solid white; border-left:12px solid #028605; border-right:12px solid #b20606; box-shadow:0 0 16px rgba(0,0,0,0.7);}
.request .widget {padding:3%;background-color: #004072; background-image: url('https://www.transparenttextures.com/patterns/asfalt-dark.png'); color:white; max-width: 100%; width: 100%; margin: 10px; border-top:6px solid white; border-bottom:6px solid white; border-left:12px solid #028605; border-right:12px solid #b20606; box-shadow:0 0 16px rgba(0,0,0,0.7);}
.buttonhome img {max-width: 30px; height: auto; margin-right: 6px;}
.btn-facebook {min-width:80%; background-color:#3b5998; margin-bottom:5px; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.btn-facebook:hover {background-color:#273256; min-width:84%;}
.btn-instagram {min-width:80%; margin-bottom:5px; transition: all 0.5s cubic-bezier(.215, .61, .355, 1); background: linear-gradient(90deg, rgba(64,93,230,1) 0%, rgba(88,81,219,1) 4%, rgba(131,58,180,1) 11%, rgba(193,53,132,1) 22%, rgba(225,48,108,1) 32%, rgba(253,29,29,1) 43%, rgba(245,96,64,1) 55%, rgba(247,119,55,1) 63%, rgba(252,175,69,1) 96%, rgba(255,220,128,1) 100%);}
.btn-instagram:hover {min-width:84%; background:red;}
.btn-twitter {min-width:80%; background-color:#00acee;transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.btn-twitter:hover {min-width:84%; background-color:#016b94;}
.writecm {background-color:#b20606; background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-dark.png"); color:white; padding:5%; text-align: center;}
.writecm img {max-width: 30px; height: auto; margin-right: 6px;}
.btn-write {background-color:#028605; min-width:90%; margin-bottom:5px; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.btn-write:hover {min-width: 96%; background-color:#234d00;}
.btn-comune {background-color:red;min-width:90%; margin-bottom:5px; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.btn-comune:hover {min-width: 96%; background-color:#014171;}
.btn-fratelli {background-color:#0578d1; min-width:90%; margin-bottom:5px; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.btn-fratelli:hover {min-width: 96%; background-color:#014171;}

.wpforms-form textarea {border:1px solid red !important;}
/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */
@media (max-width: 1190px ) {

.sidebarvideo .widget {max-width: 100%; width: 35%;}

}
@media (max-width: 990px ) {

.sidebarvideo .widget {max-width: 100%; width: 45%;}

}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 767px ) {

.sidebarvideo .widget {max-width: 100%; width: 100%;}

}

.carousel-caption {
position: absolute;
right: 5%;
bottom: 0px;
left: 5%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
background-color:rgba(1,19,55,0.8);)
}
.logo-caption {
position: absolute;
right: 5%;
bottom: 0px;
left: 5%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.logo-caption-desktop {
position: absolute;
right: 5%;
bottom: 15%;
left: 5%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.spaziocandidato img {max-width: 250px; margin-bottom: 2%;}
.programma h3{color:white; font-weight: bold; font-size:2rem;}

@media only screen

and (min-device-width: 375px)

and (max-device-width: 1150px)

and (-webkit-min-device-pixel-ratio: 2)

and (orientation: portrait) {
  .testata{background-position: center center; background-attachment:scroll; background-size: cover;}

}

/* Landscape */

@media only screen

and (min-device-width: 375px)

and (max-device-width: 1200px)

and (-webkit-min-device-pixel-ratio: 2)

and (orientation: landscape) {
  .testata{background-position: center center; background-attachment: scroll;; background-size: cover;}

}


@media (max-width:1200px){
  .slogan h2{color:white; font-weight: bolder; font-size: 2.4rem;text-shadow: 0 0 6px black;}
  .slogan h3{color:white; font-size:1.5rem;text-shadow: 0 0 6px black;}
}

@media (max-width:1199px){

}

@media (max-width:991px){

}

@media (max-width:767px){
  .articoli img {max-height: 300px; min-height: 300px; object-fit: cover; max-width: 100%; min-width: 100%;}
  .logomobile img {max-width:110px; -webkit-filter: drop-shadow(0 0 16px black ); filter: drop-shadow(0 0 16px black);}
}

/* Footer
-------------------------------------------------------- */
.bg-dark {background-image:linear-gradient(to right, #2a9df4 , #014171) !important;}

/* Index
-------------------------------------------------------- */
.articoliindex a{color:#212529;text-decoration: none; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.articoliindex a:visited{color:#212529;}
.articoliindex a:hover{color:rgba(33,37,41,0.4);}
.articoliindex h3 {font-weight: 400;}
.page-numbers:link {background:; color:;}
.page-numbers {background:#23272b; color:white;}
.page-numbers:hover {background:#31363c; }
.pagination .active a, .pagination a:visited, .pagination a {color:white;}

@media (min-width:1200px){
}

@media (max-width:1199px){
}

@media (max-width:991px){
}

@media (max-width:767px){
}


/* Post
-------------------------------------------------------- */
/* CHI SONO
-------------------------------------------------------- */
/* Slider
-------------------------------------------------------- */
.carousel,
.carousel-inner,
.carousel-item{height: 600px;}


/* Comments
-------------------------------------------------------- */
#comments{margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label{ min-width: 80px;}
.comments ul,
.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px; width:50px;}
.comment .reply{border-bottom:  1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;}


/* Input & textarea
-------------------------------------------------------- */
input,
textarea{padding: 5px 10px; border: 1px solid #ccc}


/* Widgets
-------------------------------------------------------- */
.widget_search .screen-reader-text{display: block;}
.widget_search #s{width:70%;float:left;}
.widget_search #searchsubmit{width:30%;float:left;background: #fff;}


/* pagination
-------------------------------------------------------- */
.pagination{margin-bottom:40px}
.page-numbers{display: inline-block;padding: 10px 15px;border: 1px solid #ddd;margin-right:4px;}

/* general wordpress style
-------------------------------------------------------- */
.post img{max-width: 100%; height:auto;}



/* WordPress Core Styles
-------------------------------------------------------------- */
 .gallery-caption{padding:5px; font-size: 10px;}
 .bypostauthor{border-left: 3px solid #ddd;padding-left: 20px;}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ! Box Sizing */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}