@charset "UTF-8";
/* CSS Document */


/* Base colours */

:root {
  --gsc-gold: #fdb813;
  --gsc-dark-green: #152c22;
  --gsc-medium-green: #005359;
  --gsc-teal: #00838F;
  --gsc-brown: #73503c;
  --gsc-beige: #d9bba9;
  --gsc-black: #000000;
  --gsc-lightest-gray: #F7F7F7;
  --gsc-light-gray: #EEEEEE;
  --gsc-medium-gray: #CCCCCC;
  --gsc-dark-gray: #666666;
}


/* HIDE ALT TAG */
/* hide the alt tag text from displaying when an image hasn't been loaded yet */

img {
    color: transparent;
}



/* SEARCH AREA in main navigation */

.et_pb_menu__search-input {
    background-color: var(--gsc-light-gray) !important;
    padding: 8px 15px;
    border-radius: 5px;
}


/* INDICATE EXTERNAL LINKS */

.gsc-external-link-icon-after a::after {
    content: " \e03e";
    font-family: "ETmodules";
    color: var(--gsc-medium-green);
}


/* MOBILE / NON-MOBILE */

@media all and ( max-width: 480px ) {
    
    .content-non-mobile-only {
        display: none;
    }

    .content-mobile-only {
        display: inline;   
    }

}

@media all and ( min-width: 481px ) {
    
    .content-non-mobile-only { 
        display: inline; 
    }

    .content-mobile-only {
        display: none;   
    }

}



/* DIVI STACKING ORDER */

@media all and ( max-width: 980px ) {

    /*** wrap row in a flex box ***/
    .custom-stacking-order {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
    
    /*** add margin to last column ***/
    .custom-stacking-order:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
 
}



/* GRAVITY FORMS */

p.gform_required_legend {
    margin-bottom: 15px;
    font-size: 0.8em;
}

.custom-form .gform_button, 
.custom-form .gform_save_link, 
.custom-form .gform_next_button, 
.custom-form .gform_previous_button, 
.custom-form .gform_button_select_files {
	background-color: var(--gsc-gold) !important; 
    color: #000000 !important;
	padding: 15px 35px !important;
	border: none !important;
    border-radius: 50px !important;
    font-size: 16px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

	.custom-form .gform_button:hover, 
    .custom-form .gform_save_link:hover, 
    .custom-form .gform_next_button:hover, 
    .custom-form .gform_previous_button:hover, 
    .custom-form .gform_button_select_files:hover {
		background-color: var(--gsc-medium-green) !important; /* grey */
        color: #FFFFFF !important;
	}


	.custom-form .gform_save_link:before {
		color: #FFFFFF !important; /* grey */
	}

.custom-form .gform-body input[type="text"], 
.custom-form .gform-body input[type="tel"],
.custom-form .gform-body textarea,
.custom-form .gform-body select,
.custom-form .gform-body input[type="number"],
.custom-form .gform-body input[type="file"],
.custom-form .gform-body input[type="url"],
.custom-form .gform-body input[type="email"] {
    background-color: var(--gsc-lightest-gray);
    border: 2px solid var(--gsc-medium-gray);
    border-radius: 4px;
    padding: 10px;
	line-height: 20px;
    box-shadow: none;
}

.custom-form .gform-body input[type="text"]:focus, 
.custom-form .gform-body input[type="tel"]:focus,
.custom-form .gform-body textarea:focus,
.custom-form .gform-body select:focus,
.custom-form .gform-body input[type="number"]:focus,
.custom-form .gform-body input[type="file"]:focus,
.custom-form .gform-body input[type="url"]:focus,
.custom-form .gform-body input[type="email"]:focus {
    border: 2px solid var(--gsc-teal);
    background-color: #FFFFFF;
}



/* TYPOGRAPHY */

.gsc-highlight-links a,
.main-content a {
    padding-left: 2px;
    padding-right: 2px;
}

    .gsc-highlight-links a:hover,
    .main-content a:hover {
        background-color: var(--gsc-gold);
    }


.gsc-smaller-text {
    font-size: 0.8em;
}

.remove-padding-on-headings h1,
.remove-padding-on-headings h2,
.remove-padding-on-headings h3,
.remove-padding-on-headings h4,
.remove-padding-on-headings h5,
.remove-padding-on-headings h6 {
    padding: 0 !important;   
}

.remove-top-margin-on-headings h1,
.remove-top-margin-on-headings h2,
.remove-top-margin-on-headings h3,
.remove-top-margin-on-headings h4, 
.remove-top-margin-on-headings h5,
.remove-top-margin-on-headings h6 {
    top-margin: 0 !important;   
}

.remove-margin-on-headings h1,
.remove-margin-on-headings h2,
.remove-margin-on-headings h3,
.remove-margin-on-headings h4, 
.remove-margin-on-headings h5,
.remove-margin-on-headings h6 {
    margin: 0 !important;   
}

.main-content p {
    padding-bottom: 0;
}

.main-content p+p {
    padding-top: 10px;
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4 {
    margin-bottom: 0 !important;
    line-height: 1.5em;   
}

.main-content h5,
.main-content h5 {
    line-height: 1.5em;   
}

.main-content h3 {
    margin-bottom: 10px;
}

.main-content h1+p,
.main-content h2+p,
.main-content h3+p,
.main-content h4+p,
.main-content h5+p,
.main-content h6+p {
    margin-top: 7px !important;
}

.main-content p+h1,
.main-content p+h2,
.main-content p+h3,
.main-content p+h4,
.main-content p+h5,
.main-content p+h6,
.main-content ul+h1,
.main-content ul+h2,
.main-content ul+h3,
.main-content ul+h4,
.main-content ul+h5,
.main-content ul+h6,
.main-content ol+h1,
.main-content ol+h2,
.main-content ol+h3,
.main-content ol+h4,
.main-content ol+h5,
.main-content ol+h6,
.main-content ul+p,
.main-content ol+p {
    margin-top: 40px !important;
}

.main-content ul,
.main-content ol {
    padding-bottom: 0;
}

.main-content ul {
    list-style-type: square;
}

.main-content p+ul,
.main-content h1+ul,
.main-content h2+ul,
.main-content h3+ul,
.main-content h4+ul,
.main-content p+ol,
.main-content h1+ol,
.main-content h2+ol,
.main-content h3+ol,
.main-content h4+ol {
    margin-top: 20px !important;
}

.main-content li {
    margin-bottom: 10px !important;   
}

.main-content li > ol,
.main-content li > ul {
    margin-top: 10px !important;   
}



/* BLOG POSTS */

.gsc-blog .et_pb_post {
    background-color: #F7F7F7;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 10px;
}

@media all and ( max-width: 480px ) {

    .gsc-blog .et_pb_post {
        padding: 20px;
    }
    
}



/* SOCIAL ICONS */

a.gsc-social-icon:hover span::after {
    background-color: var(--gsc-medium-green);
    border-radius: 500px;
    color: #FFFFFF;
}

.gsc-facebook-icon::after {
    width: 24px;
    height: 24px;
    content: "\e093";
    font-family: "ETmodules";
    background-color: var(--gsc-gold);
    border-radius: 500px;
    color: #000000;
    padding: 5px 5px;
    margin-right: 5px;
}

.gsc-x-icon::after {
    width: 24px;
    height: 24px;
    content: "\e094";
    font-family: "ETmodules";
    background-color: var(--gsc-gold);
    border-radius: 500px;
    color: #000000;
    padding: 5px 5px;
    margin-right: 5px;
}

.gsc-instagram-icon::after {
    width: 24px;
    height: 24px;
    content: "\e09a";
    font-family: "ETmodules";
    background-color: var(--gsc-gold);
    border-radius: 500px;
    color: #000000;
    padding: 5px 5px;
    margin-right: 5px;
}


/* SIDEBAR MENUS */


.gsc-sidebar .et_pb_widget {
	margin-bottom: 0 !important;
}

.gsc-sidebar .widget_nav_menu li {
	margin: 0;
	padding: 0;
    border-bottom: 1px dotted var(--gsc-dark-gray);
}

.gsc-sidebar .widget_nav_menu li a {
	display: block;
	padding: 4px;
}

    .gsc-sidebar .widget_nav_menu li a:hover {
        background-color: var(--gsc-gold);
        border-radius: 3px;
    }


.gsc-sidebar .widget_nav_menu li:last-of-type {
    border: none;
}

.gsc-sidebar .et_pb_widget ul li {
    padding-bottom: 5px;
    margin-bottom: 4px;
}



/* PODS PAGINATION */

/* Simple pagination is used on the Events - Monthly page */

.pods-pagination-simple {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;	
}

.pods-pagination-prev,
.pods-pagination-next,
.pods-pagination-first,
.pods-pagination-last,
.pods-pagination-number {
    padding: 8px 15px !important;
    background-color: var(--gsc-gold);
    color: #000000 !important;
    border-radius: 100px;
    border: none;
}

    .pods-pagination-prev:hover,
    .pods-pagination-next:hover,
    .pods-pagination-first:hover, 
    .pods-pagination-last:hover,
    .pods-pagination-number:hover {
        background-color: var(--gsc-medium-green);
        color: #FFFFFF !important;
    }

@media all and ( max-width: 480px ) {
    
    .pods-pagination-advanced {
        display: none;
    }

    .pods-pagination-simple {
        display: inline-block;
    }
    
}

@media all and ( min-width: 481px ) {
    
    .pods-pagination-advanced {
        display: inline-block;
    }

    .pods-pagination-simple {
        display: none;
    }

}



/* Data Area */

.gsc-data-wrapper {
    background-color: var(--gsc-lightest-gray);
    border-radius: 10px;
}

.gsc-data-wrapper h2 {
    margin-bottom: 30px !important;
}

.gsc-data-description {
    margin-bottom: 30px;
}

.gsc-data-wrapper-row {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
}

.gsc-data-label {
    float: left;
}

/* for desktop */
@media all and (min-width: 981px) {

    .gsc-data-wrapper {
        padding: 30px;
    }
    
    .gsc-data-label {
        width: calc(25% - 20px);
        margin-right: 20px;
        padding: 5px 10px;
        background-color: var(--gsc-light-gray);
        border-radius: 3px;
    }

    .gsc-data-value {
        float: left;
        width: 75%;
        padding-top: 5px;
    }

}

/* Responsive Styles Tablet */
@media all and (min-width: 481px) and (max-width: 980px) {

    .gsc-data-wrapper {
        padding: 20px;
    }

    .gsc-data-label {
        width: calc(35% - 20px);
        margin-right: 20px;
        padding: 5px 10px;
        background-color: var(--gsc-light-gray);
        border-radius: 3px;
    }

    .gsc-data-value {
        width: 65%;
        padding-top: 5px;
    }


}

/* for smartphone portrait */
@media all and (max-width: 480px) {

    .gsc-data-wrapper {
        padding: 20px;
    }

    .gsc-data-label {
        float: left;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--gsc-light-gray);
    }

    .gsc-data-value {
        float: left;
        width: 100%;
    }


}



/* Web Accessibility */

a:focus {
	outline : 2px solid #000000;
}

button:focus {
	outline : 2px solid #000000;
}

.et_pb_button:focus {
	box-shadow: 5px 5px 5px #777;
}