@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i|Roboto+Slab:400,700|Roboto:400,700');
@import url('http://www.papafrancescoapalermo.it/wp-content/plugins/so-widgets-bundle/icons/fontawesome/style.css');
@import url(http://radiospazionoi.arcidiocesi.palermo.it/wp-content/videoplayer/video-js/video-js.min.css);

body  {font-size:16px; font-family: 'Roboto', sans-serif, 'Roboto Slab', 'Playfair Display', serif;}
h1, h2, h3, h4, h5, h6 {font-family: inherit ;font-family: 'Roboto Slab', serif;}

#header {padding:1rem 0px 1rem 0px}
.header_wrap .grid-x.grid-padding-x:first-child {width:50%; float: right;}
.header_wrap .grid-x.grid-padding-x:nth-child(2) { width:50%;margin:0px auto 0px auto; }

.sidebar-pre-header aside { float:right;  max-width: 50%}
.sidebar-pre-header aside.widget_sow-social-media-buttons { float:right }
.sidebar-pre-header .widget-area .widget {margin:0px}


/*socialmenu */
.menu-socialmenu-container {background: transparent;}
.widget-area .widget .menu-socialmenu-container .menu > li:not(.menu-text) > a {padding:0.1rem}
.menu-socialmenu-container ul.menu {margin:0rem;background-color: transparent;}
.menu-socialmenu-container ul.menu li {background-color: transparent; margin:0rem; font-size:1px}
.menu-socialmenu-container ul.menu li a {color: transparent;    padding: 0.1rem;}
.menu-socialmenu-container ul.menu > li:not(.menu-text) > a:hover, .menu-socialmenu-container ul.menu > .active:hover {    background-color: transparent;}
.menu-socialmenu-container ul.menu li a:before {  background-color: #ffffff;height:30px; width:30px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
  font-family: 'FontAwesome';
    font-size: 1.2rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 30px;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
  color: #33547c}
.menu-socialmenu-container ul.menu li a[href*="facebook.com"]:before {  content: "\f09a"; }
.menu-socialmenu-container ul.menu li a[href*="twitter.com"]:before {content: "\f099";}
.menu-socialmenu-container ul.menu li a[href*="youtube.com"]:before {content: "\f16a";}
.menu-socialmenu-container ul.menu li a[href*="instagram.com"]:before {content: "\f16d";}
.menu-socialmenu-container ul.menu li a[href*="telegram.me"]:before {content: "\f2c6";font-family:'sow-fontawesome'}
.social-navigation a[href*="telegram.me"]:before {  content: "\f2c6";font-family:'sow-fontawesome';   font-size: 24px;    position: absolute;    top: 0;    left: 0;}

.menu-socialmenu-container ul.menu li a:hover[href*="facebook.com"]:before, 
.menu-socialmenu-container ul.menu li a:hover[href*="twitter.com"]:before,
.menu-socialmenu-container ul.menu li a:hover[href*="youtube.com"]:before,
.menu-socialmenu-container ul.menu li a:hover[href*="telegram.me"]:before,
.menu-socialmenu-container ul.menu li a:hover[href*="instagram.com"]:before {color: #971200}
.social-navigation a:hover[href*="telegram.me"]:before {color: #971200}

.menu-socialmenu-container ul.menu li.contatti {font-size:1.1rem; color: #971200 ; border: 1px solid #971200; margin:1rem ;padding:0.3rem 0.8rem}
.menu-socialmenu-container ul.menu li.contatti:hover {background: #ffffff}
.menu-socialmenu-container ul.menu li.contatti a  {text-transform: uppercase ;color: #971200 ; background: transparent ; padding:0.3rem 0.8rem}
.menu-socialmenu-container ul.menu li.contatti a:hover { background: #ffffff}


/*mainmenu */
.nav_container {background: #f9e949}
.nav_container .top-bar {padding-top:0px; padding-bottom:0px; }
.nav_container .top-bar .menu-item {font-weight:bold ;font-family: 'Roboto Slab', serif; text-transform: uppercase}
.nav_container .top-bar .menu-item a:hover { color: #971200}
.nav_container .top-bar .menu .current-menu-parent a, .nav_container .top-bar .menu .current-page-parent a, .nav_container .top-bar .menu .current-page-ancestor a, .nav_container .top-bar .menu .current_page_item a { color: #971200}

.nav_container .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu { z-index: 1000;}


.home .content_wrap {margin: 0px auto ;     padding-top: 0px; text-align: center; max-width:100%}
.home #contentblock {max-width:75rem ;margin: 0px auto }

#content {padding:0px ; text-align:left }
#primariga {margin:0px ; padding:0px;}
#evidenza .slick-slider {margin-bottom:0px}
#evidenza .slick-slider .imgslide:before { content: "";    background: linear-gradient(to bottom,transparent,rgba(0,0,0,.2)); 	height: 100%;    width: 100%;  position: absolute; z-index:1}
#evidenza .imgslide {max-height:600px ;overflow: hidden}
#evidenza .imgslide .miniatura  {width:100%; }
#evidenza .conteslide {max-width:75rem;margin: auto;position:relative}
#evidenza .conteslide h1 {position:absolute; z-index:100 ; top:300px; left: 3rem ; color:#ffffff; font-family: 'Roboto Slab', serif; }
#evidenza .conteslide h1 a {font-weight: bold}
#evidenza .conteslide .summary {position:absolute; z-index:100 ; top:400px; left: 3rem ; color:#ffffff;font-family: 'Roboto', sans-serif;font-size:1.2rem}
#evidenza .slick-arrow {max-width:75rem;margin: auto;}
#evidenza .slick-prev::before, #evidenza .slick-next::before { color:#ffffff ;font-size: 45px;}
#evidenza .slick-prev {left: 15% ;  top: 50%;}
#evidenza .slick-next { right: 15% ;    top: 50%;}
#evidenza .slick-dots {bottom: 1rem; margin:0px;}

.mp-container { padding:1rem; background: #ffffff ; position:relative}
.mp-container .mp-image {;margin-bottom: 10px; max-height:410px; overflow: hidden;position: relative ; text-align: center}
.mp-container .mp-image:before { content: "";  left:0px;  background: linear-gradient(to bottom,transparent,rgba(0,0,0,.4)); 	height: 100%;    width: 100%;  position: absolute; z-index:1}
.mp-container .mp-image img {_width: 100%}

#multimedia_hp {max-width:1200px; margin:auto;}
#multimedia_hp .mp-image {margin-bottom: 10px; max-height: 262px !important; overflow: hidden; position: relative;  text-align: center;}

.notiziebox .mp-container .evidecontent { vertical-align: top;  } 
.notiziebox .mp-container .evidecontent .over { background: #f9e949 ; color: #33547c ;padding:0.2rem 0.5rem ; margin-bottom:0.5rem; margin-top:0.5rem; float:left ;font-family: 'Roboto Slab', serif; text-transform: capitalize } 
.notiziebox .mp-container .evidecontent .over a {font-weight:700; font-size:1rem;color:#33547c}
.notiziebox .mp-container .evidecontent .entry-title { ; font-size: 2rem; color:#33547c ;clear:both}
.notiziebox .mp-container .evidecontent .entry-title  a {color:#33547c; font-weight: bold}
.notiziebox .summary {font-family: 'Roboto', sans-serif;color:#33547c; font-weight: bold}

.notiziebox .mp-container .over { background: #f9e949 ; font-weight:700; font-size:1rem;color:#33547c ;  padding:0.2rem 0.5rem ; display: inline-block; margin-bottom:1rem; margin-top:0rem; font-family: 'Roboto Slab', serif; text-transform: capitalize } 



.notiziebox .mp-container .mpcontent { position: absolute; z-index:3; left:0rem; top:0rem; padding:1rem; width: 100%;} 
.notiziebox .mp-container .mpcontent .entry-title {  font-size: 1.5rem;    margin-top: 30%; margin-left: 1rem; color:#ffffff}
.notiziebox .mp-container .mpcontent .entry-title a {color:#ffffff;font-weight: bold}
.notiziebox .mp-container .mpcontent .over { background: #f9e949 ; color: #33547c ;padding:0.2rem 0.5rem ; float:right ;font-family: 'Roboto Slab', serif;text-transform: capitalize} 
.notiziebox .mp-container .mpcontent .over a {font-weight:700; font-size:0.8rem;color:#33547c}



.notiziebox.destra .mp-container .mpcontent .over {display:none}
.notiziebox.destra .mp-container .mpcontent .entry-title {  font-size: 1.8rem;    margin-top: 35%; margin-left: 1rem; color:#ffffff}
.notiziebox.destra .mp-container .mpcontent .entry-title a {color:#ffffff;font-weight: bold}
.notiziebox.destra .mp-container .summary {font-family: 'Roboto', sans-serif;color:#33547c; font-weight: bold ;padding:1rem 1rem 1rem 1rem ;  background: rgba(255, 255, 255, 0.7);font-size: 1.1rem;}

.destra .mp-container .mp-image  { margin-bottom: 10px; max-height:135px; overflow: hidden;position: relative }

.destra h2.entry-title  {font-size:1.8rem}

.labelgialla .widget-title {background: #f9e949;    color: #33547c; font-weight: 700;   display: inline-block; margin-bottom: 0.5rem;  margin-top: 0rem;  font-size: 1rem;  padding: 0.2rem 0.5rem;    font-family: 'Roboto Slab', serif;    text-transform: capitalize;}
.destra .over {background: #f9e949;    color: #33547c; font-weight: 700;   display: inline-block; margin-bottom: 0.5rem;  margin-top: 0rem;  font-size: 1rem;  padding: 0.2rem 0.5rem;    font-family: 'Roboto Slab', serif;    text-transform: capitalize;}




#pg-2-2 {background: #e1e0e0 }
.over .widget-title { margin-top:2rem; background: #f9e949 ; color: #33547c ;padding:0.2rem 0.5rem ; float:left ;font-family: 'Roboto Slab', serif;text-transform: capitalize;font-weight:700; font-size:1rem;} 
.socialblock {margin-bottom:1rem }
.socialblock .widget_custom_html  {background: #ffffff; padding:1rem 2rem; margin-bottom: 2rem ; min-height:540px}
.socialblock .widget_custom_html .widget-title {color: #33547c ;font-family: 'Roboto Slab', serif;text-transform: capitalize ;font-weight:700; font-size:1rem;} 

label.over { margin-top:1rem; margin-bottom:1rem; background: #f9e949 ; color: #33547c ;padding:0.2rem 0.5rem ; display: inline-block; font-family: 'Roboto Slab', serif;text-transform: capitalize;font-weight:700; font-size:1rem;} 
.box.altre .cell {background: #ffffff; padding:1rem; margin-bottom: 2rem}
.box.altre .cell .mp-image {max-height: 183px; overflow: hidden }
.box.altre .cell .mp-image img.media { _min-height:183px;max-width: 250px; }
.notiziebox .box.altre .cell .mpcontent h2.entry-title {color:#33547c ;  font-size: 1.5rem; ;font-family: 'Roboto Slab', serif}
.notiziebox .box.altre .cell .mpcontent h2.entry-title a {color:#33547c }
.notiziebox .archivio {text-align: center; display: block; margin-bottom:3rem}  
.notiziebox .archivio a {text-align: center; color:#33547c ; background: #ffffff; padding:0.3rem 1rem; ;font-family: 'Roboto Slab', serif ; font-size: 1rem; font-weight:bold;}


.box.altre .cell .mp-image {float:left; margin-right:1rem}



.sidebar_container{background: #33547c}
#secondary-sidebar {padding-top: 0rem;    border-top: none;}
#secondary-sidebar .sow-image-container img {background: #ecedee; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; paddin:0.5rem}

.footer_container {background: #33547c}
footer[role="contentinfo"] { border-top: none}

#bannerslide p {text-align: center}
#bannerslide img {padding:0px; margin:0px;}
#bannerslide .sow-slider-images li {background-color: transparent !important}


.bloccobanner:before {content:"Sostenitori"; background: #f9e949;   position:absolute ; top:0px; left:0px; ; color: #33547c; font-weight: 700;  font-size: 1rem;  padding: 0.2rem 0.5rem; font-family: 'Roboto Slab', serif;    }
.bloccobanner {padding:2rem 0rem; position:relative}
.bloccobanner .widget-title {display: none !important}
.bloccobanner .adrotate_widgets {padding:0.5rem; background: #ffffff ;border:1px solid #ecedee; text-align: center}

.mySlides .so-panel {width:100% }


/*********  RADIO  **********/
.radio {background: #ffffff}
.radio  {display:table ; width:100% ; min-height:125px}
.radio .textwidget .radiobox {display:table ; width:100% ;min-height:125px }
.radio .textwidget .radiobox p {font-weight:bold; padding:2rem ; border-right: 3px solid #e30303;border-top: 3px solid #e30303;
  -webkit-border-bottom-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-bottomright: 60px;
-moz-border-radius-bottomleft: 60px;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;}
/********* /RADIO  **********/



/*********SIDEBAR DESTRA - MENU CMW   **********/

#secondary  { }
#secondary .widget_custom_menu_wizard {margin:2rem; }
#secondary .widget_custom_menu_wizard h6.widget-title {font-weight:bold ;font-family: 'Roboto Slab', serif; text-transform: uppercase; text-align: center ; border-bottom: 5px solid #f9e949 ; padding:0.5rem;}
#secondary .widget_custom_menu_wizard h6.widget-title a  {font-weight:bold; font-size:1.2rem ; color: #33547c}
#secondary .widget_custom_menu_wizard ul.menu-widget   {list-style-type: none; line-height: 2rem;}
#secondary .widget_custom_menu_wizard ul.menu-widget li { line-height: 2rem;}
#secondary .widget_custom_menu_wizard ul.menu-widget li a {  display:block ; text-decoration: none}
#secondary .widget_custom_menu_wizard ul.menu-widget .cmw-level-1 {font-size: 1rem;}
#secondary .widget_custom_menu_wizard ul.menu-widget .cmw-level-1 a {font-size: 1rem;  color: #33547c}
#secondary .widget_custom_menu_wizard ul.menu-widget .cmw-level-1.current-menu-item>a { font-weight:bold;}
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu {margin-left:0px}
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu li {list-style-type: none; border-bottom: 2px solid #e2e3e4}
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu .cmw-level-2 {font-size: 0.9rem }
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu .cmw-level-2 a { color: #33547c}
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu li.current-menu-item a { border-bottom: 2px solid #ffffff; display:block }
#secondary .widget_custom_menu_wizard ul.menu-widget .sub-menu li:hover { border-bottom: 2px solid #971200}





/*********Archivi**********/
.archive-header, .page-header {margin-bottom: 1rem; }
.archive .post .wp-post-image {float:left; margin-right:1rem; max-width:200px}



/*********RASSEGNA STAMPA**********/
.category-rassegna-stampa .entry-meta-categories { display: none}
.category-rassegna-stampa .entry-format  { display: none}
.category-rassegna-stampa .byline{ display: none}
.category-rassegna-stampa .entry-content-post {}
.category-rassegna-stampa footer.entry-meta {padding-top:0rem ; }
.category-rassegna-stampa footer.entry-meta .entry-meta-tags .genericon { font-size: 1.5rem}
.category-rassegna-stampa .entry-meta-tags .tags-links a {  font-size: 18px;  color: #971200;}


/*********SOCIAL MENU FOOTER *********/
#footer .social-navigation ul.menu li.contatti {font-size:1.1rem; color: #ffffff ; ;padding:0.3rem 0.8rem ; font-family: 'Roboto Slab', serif; display: none !important}
#footer .social-navigation ul.menu li.contatti a {display: none !important}





/*********Single**********/
article .entry-header .attachment-post-thumbnail {float:left ; margin-right:2rem ; max-width:40%}





/*MEDIAQUERIES */ 
/* Small only */
@media screen and (max-width: 39.9375em) { 
  .header_wrap .grid-x.grid-padding-x:first-child {width:100%; }
  .header_wrap .grid-x.grid-padding-x:nth-child(2) { width:100% }
	.sidebar-pre-header aside { float: left;}
  #evidenza .imgslide {max-height:185px ;overflow: hidden}
  #evidenza .conteslide h1 {top:50px; left:1rem;  padding:0.5rem;  font-size: 2rem;}
  #evidenza .conteslide .summary {display:none}
  #evidenza .slick-prev::before, #evidenza .slick-next::before {  font-size: 25px;}
  #evidenza .slick-prev {left: 15%; top:80%}
  #evidenza .slick-next { right: 15%;top:80%}


}

/* Medium and up */
@media screen and (min-width: 40em) {
  .header_wrap .grid-x.grid-padding-x:first-child {width: 100%; }
  .header_wrap .grid-x.grid-padding-x:nth-child(2) { width: 100%; }
  #evidenza .imgslide {    max-height: 500px}
  #evidenza .conteslide h1 {left: 3rem ;top:200px;  padding:0.5rem;  font-size: 2rem;}
  #evidenza .conteslide .summary  {top:300px}
  #evidenza .slick-prev::before, #evidenza .slick-next::before {  font-size: 30px;}
  #evidenza .slick-prev {left: 15%; }
  #evidenza .slick-next { right: 15%;}

  
}
 
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .header_wrap .grid-x.grid-padding-x:first-child {width: 100%; }
  .header_wrap .grid-x.grid-padding-x:nth-child(2) { width: 100%; }
  #evidenza .imgslide {max-height:385px ;overflow: hidden}
  #evidenza .conteslide h1 {left: 3rem ;top:200px;  padding:0.5rem;  font-size: 2rem;}
  #evidenza .conteslide .summary  {top:300px}
  #evidenza .slick-prev::before, #evidenza .slick-next::before {  font-size: 30px;}
   #evidenza .slick-prev {left: 15%; }
  #evidenza .slick-next { right: 15%;}
  
  }
   
/* Large and up */
@media screen and (min-width: 64em) {
  .header_wrap .grid-x.grid-padding-x:first-child {width:50%; }
  .header_wrap .grid-x.grid-padding-x:nth-child(2) { width:50%; }
  
  #evidenza .conteslide h1 { top:300px; left: 3rem ; }
  #evidenza .conteslide .summary { top:400px; left: 3rem ; }
  #evidenza .slick-prev::before, #evidenza .slick-next::before { font-size: 45px;}
  #evidenza .slick-prev {left: 15% ;  }
  #evidenza .slick-next { right: 15% ;  }
  }
 

 
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) { 
  .header_wrap .grid-x.grid-padding-x:first-child {width:50%  }
  .header_wrap .grid-x.grid-padding-x:nth-child(2) { width:50%  }
  
  #evidenza .conteslide h1 { top:300px; left: 3rem ; }
  #evidenza .conteslide .summary { top:400px; left: 3rem ; }
  #evidenza .slick-prev::before, #evidenza .slick-next::before { font-size: 45px;}
  #evidenza .slick-prev {left: 15% ; ;}
  #evidenza .slick-next { right: 15% ;   }
  }

/*FINE ----- MEDIAQUERIES */

/* aduo radio HP*/
 #player {
            width: 100% !important;
            height: 100% !important;
            position: static !important;
        }
        
     
        video::-webkit-media-controls-panel-container {
            display: none !important;
        }

 #videoContainer {
            width: 100% !important;
            height: 100% !important
        }

.video-js .vjs-tech {position:relative !important}
.video-js .vjs-control-bar {display:block !important; position:relative !important;}
.video-js .vjs-control {float: left !important;}
#player_html5_api {display:none !important;}
.vjs-big-play-button {display:none !important;}


.post-template-full-width .entry-header .wp-post-image{display:none}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}