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

 Theme Name:   Gozo Cathedral
 Theme URI:    https://www.gozocathedral.mt
 Description:  Gozo Cathedral Website
 Author:       NobleGenius.com
 Author URI:   https://www.noblegenius.com
 Template:     Divi
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* ########## GENERIC STYLES ########## */
/* ---------- Titles ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {

  font-style: normal;
  text-rendering: optimizelegibility;
  line-height: 1.4;
}
h1,
.et_pb_title_container h1 {
  font-size: 28px !important;
  letter-spacing: 2px;
 font-weight:400!important;
}
h2 {
  font-size: 24px !important;
	font-weight:500;
}
h3 {
  font-size: 20px !important;
	  font-weight: 300;
}
h4 {
  font-size: 18px !important;
	  font-weight: 300;
}
h5 {
  font-size: 16px !important;
	  font-weight: 300;
}

/* ---------- Miscellaneous Styles ---------- */
a.et_pb_button {
  text-decoration: none !important;
}
::selection {
  background: #1f3d6b;
  color: #ffffff;
}
body {
  font-weight: 400;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering:optimizeLegibility;
}



/* Menu Flyout */
.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:after, .sfm-sidebar-close:before { background:#a1a1a1;}
#sfm-sidebar .sfm-sidebar-bg { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,243,255,1) 100%)!important; border-right: 1px solid rgba(0,0,0,.07); }
#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {
    border-color: #777777!important;
}

.mfp-wrap {
  z-index: 3000003;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-bg {
  z-index: 3000002;
}


/* Content Panels */
.content-panel-sml { background:#ffffff; padding:32px; box-shadow: 0 0 15px rgb(0 0 0 / 3%); -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 3%);  }

/* Modern Events Calendar */
.mec-event-title {
	font-family: 'Lato' !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: 15px !important;
}
/*.mec-load-more-button { border:0px; margin-bottom:0px;}
.upcoming-events .mec-event-title { margin:10px 0;}
.upcoming-events a.mec-color-hover { 
    border-top: 1px solid #dcdcdc;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
*/


.mec-event-list-classic .mec-event-title { margin:0px; }
.mec-event-list-classic .mec-event-article { padding: 2px 0px;
    margin-bottom: 0px!important;
    border-bottom: 1px solid #ececec;
    margin: 5px 0px;}
.mec-event-list-classic .mec-event-article:last-child { border-bottom:0px; padding-bottom:0px;}

.et_multi_view_image__loaded { animation:none!important; -webkit-animation:none!important; }

.has_et_pb_sticky .home-navbar { box-shadow: 0px 6px 12px -6px rgb(0 0 0 / 21%); }

.navbar-mobile .et_pb_column { margin-bottom:0px!important; }

.et_pb_button { padding:10px 20px!important; }
.et_pb_button:after { margin-top:2px;}



/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/
footer { line-height:26px; }
.credits-logo { margin-bottom:-5px; }
.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

a:hover img.desaturate {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}
.footer-panel h3 { font-weight:500!important;}
.footer-panel a { color: #ffffff; }
a:hover { text-decoration:underline;}



.table-wrapper table { width:100%; }
.table-wrapper table, .table-wrapper tr, .table-wrapper th, .table-wrapper td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
	padding:10px 15px;
}

.table-wrapper tr:nth-child(odd) {
  background-color: #ffffff;
}
.table-wrapper tr:nth-child(even) {
  background-color: #ffffff;
}

/*------------------------------------------------*/
/*-------------------[Header]---------------------*/
/*------------------------------------------------*/

/* ---------- Live Badge ---------- */
.live-wrapper, .live-wrapper-sidebar {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #c00;
    padding-right: 10px;
    border-radius: 4px;
	user-select: none;
  	-webkit-user-select: none; /*Safari*/
  	-moz-user-select: none; /*Firefox*/
}

.live-badge {
    padding: 2px 10px; 
    background: #c00; 
    display: inline-block; 
    color: #ffffff; 
    font-size: 12px; 
    letter-spacing: 2px; 
    margin-right: 10px;
}
.live-wrapper-sidebar > .live-badge{ padding:10px;}

.live-options-wrapper {
    display: inline-block;
}
.live-options-wrapper > a {
    font-size: 13px; 
    color: #000000;
	cursor: pointer;
}
.live-options-wrapper img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-bottom: -4px;
	cursor: pointer;
}

#sfm-sidebar .sfm-copy { text-align:center!important; margin-bottom:50px!important;}
/* ---------- Live Badge - END ---------- */


.breadcrumbs-wrapper .et_pb_row { padding:10px 0!important; font-size:12px; color:#616161; }
.explanation-panel-wrapper { padding: 20px; background:#e7eef8; }

.cathedral-tour li span { font-weight:bold; text-transform:uppercase; }
.cathedral-tour li { margin-bottom:15px; }

.et_pb_section_0, .et_pb_row_0  { padding-top:0px!important; }

.sfm-view {box-shadow: 6px 0px 12px 0px rgb(0 0 0 / 25%)}

.et_pb_section {background:#ffffff;}

.gc-page-section-title-wrapper { margin-top:150px; padding:0px!important; }
.gc-page-title-wrapper { padding:0px!important;}
.gc-page-section-title { background:rgba(43, 63, 88, 0.7); padding:5px 20px; display:inline-block; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.gc-page-title { background:#1f3d6b; display:inline-block; padding:10px 20px 0px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

#gc_menu_toggle img:hover {     -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out}



/******* NEW HEADER ******/
.header-media-wrapper { 
	margin-left:3px;
  display:inline-block;
  border-radius:4px;
	border-style:solid;
	border-width:1px;
	text-align:center;
	opacity:60%;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
	-moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}
.header-media-wrapper:hover {
	opacity:100%;
	background:rgba(240, 242, 245, 0.8);
}
.header-media-title { 
  letter-spacing:1px;
  font-size:11px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color:#ffffff;
  text-align:center;
	padding:1px 10px;
}
.sidebar .header-media-title { 
	padding:4px 10px!important;
}
.header-media-wrapper img {
  max-height:20px;
  padding:5px 5px 0px 5px;
	cursor:pointer;
	text-align:center;
	opacity:50%;
}
.header-media-wrapper img:hover {
	opacity:100%;
}
.header-media-icons { padding:5px 10px;}

.live {
	border-color:#c00;
}
.social {
	border-color:#4267B2;
}
.donate {
	border-color:#008c6d;
}
.live .header-media-title { 
	background:#c00;
}
.social .header-media-title { 
	background:#4267B2;
}
.donate .header-media-title { 
	background:#008c6d;
}

ul.wpb_page_list li.page_item_has_children > a { cursor:default; text-decoration:none; }