/*
 Theme Name:   ValleSoana (GeneratePress Child)
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       micheleur * 2020
 Author URI:   https://www.vi-nova.eu/
 Template:     generatepress
 Version:      0.1
*/
.main-navigation, .main-navigation ul ul {
    background-color: #3c9aa6;
}
.main-navigation .main-nav ul li a {
    padding-left: 10px;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 10px;
    padding-left: 5px;
}

.tar {
	text-align: right;
}

.top-bar{
    background-color:#3c9aa6; 
    color:#fff;
    padding:0.3em 0;
    font-size: 1rem;
}
.top-bar a{color:#fff;}
.top-bar .fa{ font-size: 1.5rem; }
.entry-meta a:hover {
    color: #3c9aa6;
}

.inside-header {
    padding: 60px 0;
}
.inside-right-sidebar #custom_html-2{
 background-color: #ddd;
}
.inside-right-sidebar h2{
 font-family: 'Roboto', sans-serif;
 margin-bottom: 0px;
 font-weight: 700;
 text-transform: uppercase;
 color: #3c9aa6 !important;
}

.widget-area .widget {
    padding: 24px;
}

.content-area h2{
 font-family: 'Roboto', sans-serif;
 font-size: 1.5rem;
}

#breadcrumbs{
    padding-top: 1.2rem;
    font-size: 0.9em !important;
}

.inside-article .post-image {
    margin: 0;
}

#footer-widgets{
    background-color: #3c9aa6;
}
#footer-widgets a{color:#eee;}
#footer-widgets a:hover{color:#fff;}

hr{margin: 3px 0;}

/* --- webcam styles --- */
ul{
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}
.webcams .item{
    margin-bottom: 10px;
}
.content-slider li{
    text-align: center;
    color: #FFF;
    padding:15px 5px;
    font-size: 0.95rem;
}
.content-slider li img {height:160px; width:100%;}
.content-slider .webcam-name {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.content-slider li a{color:#3f3f3f;}
.content-slider li a:hover{color:#000;}
.webcams{
    width: 100%;
    margin-top: 0px;
    background: url("vendor/img/texture-webcam.jpg") no-repeat;
    background-size: cover;
}
.mfp-counter{display: none;}

img {
    opacity: 1;
    transition: opacity 0.3s;
 }
 img[data-src] {
    opacity: 0;
 }


.entry-content { margin: 0.3em 0 0; }

p { margin-bottom: 0.3em; }

#calendar {
    max-width: 900px;
    margin: 0 auto;
  }

#right-sidebar .fc-left div, #right-sidebar .fc-left button, #right-sidebar .fc-right div{
 display: none;
 }
#right-sidebar .fc-toolbar.fc-header-toolbar {
    margin-top: 0.4rem;
    margin-bottom: 0.1em;
}
#right-sidebar #simpleCalendar{margin-top:1rem;}
#right-sidebar #simpleCalendar h2{font-size:1rem;}
#right-sidebar #simpleCalendar table{font-size:0.7rem;}
#right-sidebar #simpleCalendar .calendar .event-container{padding:70px 20px;}
#right-sidebar #simpleCalendar .calendar .event-container .event-wrapper{font-size: 0.9rem;}
#right-sidebar #simpleCalendar .calendar .event-container .event, 
#right-sidebar #simpleCalendar .calendar .day.today,
#right-sidebar #simpleCalendar .calendar .day.has-event::after{background: #3c9aa6;}
#right-sidebar #simpleCalendar .calendar .day.has-event,.fc-event, .fc-event-dot{background-color: #81c887 !important;}
.fc-event-container a{color:#fff;}
#right-sidebar #simpleCalendar .calendar .day:hover { border: 2px solid #faec21;}
#right-sidebar .fc-day-grid-container{overflow: auto !important; height: auto !important;}

#right-sidebar .event{
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eee;
}
#right-sidebar .event .event-hour{
    display: none;
}

#right-sidebar .g-col {
    margin-bottom: 15px !important;
}

/* Gellery*/
.easy-image-gallery a img{
    border-top-right-radius: 0px !important;
}

.ytc_video_container{margin-bottom:1rem;}

#nav-below .nav-previous, #nav-below .nav-next{display: none;}

/* Media query 
@media (min-width: 320px) and (max-width: 1024px) {
    .post-image{display:none;}
}

*/
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    #right-sidebar .calendar .day {
    width: 1.95em;
    height: 1.95em;
    }
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #right-sidebar .calendar .day {
        width: 1.95em;
        height: 1.95em;
        }
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    

    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {

    
  }