/*
Theme Name: Alma Elks
Theme URI: https://alma-elks.org/
Template: Divi
Author: EmmGraphics
Description: Custom theme for Alma Elks. Divi child/.
Version: 1.0.1523289625
Updated: 2019-01-11

*/

#post-113 {
max-width: 100% !important;
max-height: 100% !important;
}
.page-template-default.et_fixed_nav #page-container #main-header {background:url('https://alma-elks.org/wp-content/uploads/2019/01/sky-flag.jpg') no-repeat center center; background-size:cover;}
.event-template-default.single.single-event #page-container #main-header, #postid-134 {background:url('https://alma-elks.org/wp-content/uploads/2019/01/sky-flag.jpg') no-repeat center center; background-size:cover;}
.eventful ul { margin-left:-1em !important;font-size:88% !important;}
#text-6 {font-size:20px !important; border-bottom: 2px solid #e02b20 !important;}
#text-6 h4.widgettitle { color: #003869 !important;}
h4.widgettitle {font-size:20px !important; color: #e02b20 !important;}
#sidebar {text-align:center !important;}

#googlemapswidget-3 {width:100% !important;}

.em-calendar .fullcalendar ul{font-size: 10px !important;}
table.em-calendar td.eventful-pre a, table.em-calendar td.eventful a, table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a {font-size:16px !important;}
/*full width carousel*/

/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 600vw;
    max-width: 600vw;
}
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
#ds-arrow-left,
#ds-arrow-right {
    color: #fff;
    background: gray;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 
/*Position the left arrow*/
#ds-arrow-left {
    float: right;
    margin-right: 5px;
}
 
/*Position the right arrow*/
#ds-arrow-right {
    float: left;
    margin-left: 5px;
}
 
/*Style navigation arrows on hover*/
#ds-arrow-left:hover,
#ds-arrow-right:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}
 
/*Style navigation arrows on click*/
#ds-arrow-left:active,
#ds-arrow-right:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 20vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 0px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
    }
}