/*
Theme Name: SCC Framework
Theme URI: https://www.somerset.gov.uk
Author: Somerset County Council
Author URI: https://www.somerset.gov.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scc-frame
Version: 1.1

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# - Load CSS fonts
# - Accessibility
# - BETA banner - OFF BY DEFAULT
# - Global
    # - Content and typography
    # - Inputs
# - 404
# - Navigation
    # - Breadcrumb
    # - Gov header
    # - Search forms
    # - Core navigation#secondary
        # - Core menu
        # - Sub menu
# - Core template and header
    # - Feedback modal
    # - Core header
        # - Sticky header
        # - Sliding header
            # - Sliding background controller
            # - Sliding content container
        # - Annoucement bar
# - Google Custom Search

>>> PAGE TEMPLATES
    # - Homepage template
        # - Overarching
        # - Content blocks
            # - Core tasks
            # - Core pages menu
            # - Newsroom menu
            # - Output numbers
    # - Dynamic templates
        # - Overarching
            # - Page title area
>>> END PAGE TEMPLATES

# - Core single content pages
# - Footer

>>> RESPONSIVE OPTIMISATION
>>> END RESPONSIVE OPTIMISATION


/*****************************************************************
/*----------------------------------------------------------------
TEST CSS AREA - REORDER IF WORKING
----------------------------------------------------------------/*
*****************************************************************/

#fm_submit {
float: right;
margin-left: 20px;
}


/* --- Read more --- */

.more {
display: none;
}

.readmore {
padding-left: 5px;
}

.large-image .content-column {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
width: 100%;
}

    .large-image .emotive-content-block {
    background: rgba(0, 0, 0, 0.5);
    }

    .dark-left .emotive-content-block {
    background: radial-gradient(circle at center left,#000,rgba(255,255,255,0) 80%);
    }

    .large-image .content-column div {
    width: 100%;
    }

    .large-image .content-column .emotive-link,
    .logo-block .emotive-link {
    margin: 30px 0 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;;
    padding: 15px 50px !important;
    font-size: 20px;
    transition: all 0.3s;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    color: #fff !important;
    font-weight: 100 !important;
    text-decoration: none !important;
    border-radius: 30px;
    }

        .large-image .content-column .emotive-link:hover{
        background: rgba(0, 0, 0, 0.5);
        }

    .large-image .key-link:after {
    display: none;
    }

    .large-image p {
    font-size: 48px;
    margin: 0;
	color: #fff;
    font-weight: bold !important;
    line-height: normal;
    }


/*****************************************************************
/*----------------------------------------------------------------
ACCESSIBILITY
----------------------------------------------------------------/*
*****************************************************************/

a:focus,
a:active {
outline: 3px solid transparent;
color: #0b0c0c !important;
background-color: #ffdd00;
box-shadow: 0 0 #ffdd00, 0 4px #0b0c0c;
text-decoration: none;
}

input[type=submit]:focus,
button:focus {
border-color: #ffdd00;
color: #0b0c0c;
background-color: #ffdd00;
box-shadow: 0 2px 0 #0b0c0c;
}

	.key-link:hover {
	color: #0b0c0c !important;
	background-color: #ffdd00 !important;
	box-shadow: 0 0 #ffdd00, 0 4px #0b0c0c;
	}

input:focus,
button:focus {
border: 3px solid #ffdd00 !important;
outline-offset: 0;
}

div:focus {
outline: -webkit-focus-ring-color auto 1px !important;
}


/*****************************************************************
/*----------------------------------------------------------------
GLOBAL STYLING
----------------------------------------------------------------/*
*****************************************************************/

/* --- Disable Chrome highlight issue */
input:focus,
select:focus,
textarea:focus,
button:focus,
div:focus,
a:focus {
outline: none;
}

html {
position: relative;
min-height: 100%;
}

body {
background-color: #f5f5f5 !important;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

iframe {
border: 0;
}

.hidden {
display: none;
}

.flex-display {
display:flex;
align-items:center;
justify-content:center;
}

.container {
position: relative;
}

@media only screen and (min-width : 1200px) {

    .container {
    max-width: 1200px;
    }

}

.no-pad {
padding: 0;
}

.no-pad-right {
padding-right: 0;
}

.no-pad-left {
padding-left: 0;
}

.no-pad-top {
padding-top: 0;
}

.no-pad-bottom {
padding-bottom: 0;
}

.full-row {
width: 100vw;
height: 100%;
position: absolute;
margin-left: -50vw;
margin-right: 0;
left: 50%;
top: 0;
z-index: 1;
}

.right-align {
justify-content: flex-end;
position: relative;
}

.white-bg {
background: #fff !important;
}

section,
footer {
position: relative;
overflow: hidden;
}

.main-container {
clear: both;
}


/*****************************************************************
/*----------------------------------------------------------------
CONTENT STYLING
----------------------------------------------------------------/*
*****************************************************************/

.screen-reader-text {
left: -999px;
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -999;
}

img {
height: auto;
max-width: 100%;
}

label {
display: block;
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: 400;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

hr {
border-top: 1px solid #dedede;
margin: 10px 0 0;
width: 100%;
}

a,
a:visited  {
color: #bd1562;
overflow-wrap: break-word;
word-wrap: break-word;
}

.pages a,
.pages a:visited  {
color: #000 !important;
}

a:hover {
color: #bd1562;
text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
table,
blockquote,
input,
textarea {
margin-bottom: 24px;
margin-top: 0;
padding: 0;
}

    h1 {
    font-weight: bold;
    }

dl,
ol,
ul {
margin: 0 0 24px 30px;
}

    ol {
    list-style: none;
    }

    ol li:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    color: #01ad29;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
letter-spacing: -1px;
clear: both;
}

h1.jumbo {
font-size: 72px;
font-weight: bold;
margin: 0;
}

p,
li,
a {
font-size: 18px;
font-weight: 400 !important;
line-height: 28px;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

    h1 {
    font-size: 56px;
    line-height: 58px;
    }

    h2 {
    font-size: 40px;
    line-height: 42px;
    }

    h3 {
    font-size: 32px;
    line-height: 34px;
    }

    h4 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    }

    h5 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    }

    h6 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    }

.small {
height: 0;
overflow: hidden;
transition: all 0.25s;
}

.nav-bar a {
height: auto !important;
}


/*****************************************************************
/*----------------------------------------------------------------
INPUT STYLING
----------------------------------------------------------------/*
*****************************************************************/

input,
textarea {
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 10px;
}

input[type=submit] {
background: #c92e6f;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
border: 0;
border-radius: 4px;
color: #fff;
cursor: pointer;
margin: 0;
padding: 10px 40px 10px 40px;
text-align: left;
text-decoration: none;
vertical-align: middle;
position: relative;
display: inline-block;
color: #fff !important;
font-weight: 400 !important;
text-decoration: none !important;
height: 52px;
margin: 0;
}

    input[type=submit]:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
    }

    .key-link {
    background: #c92e6f;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 10px 50px 10px 20px !important;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    color: #fff !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

        .short-link {
        padding: 8px 50px 8px 20px;
        }

        .external:after {
        content: '\f35d';
        font-family: "Font Awesome 5 Free";
        font-size: 14px;
        font-weight: 600;
        padding-left: 5px;
        }

        .search-link {
        background: rgba(0,0,0,0.2);
        border: 2px solid #fff;
				border-radius: 30px;
        margin: 10px 10px 0 0;
        padding: 6px 50px 6px 20px !important;
        transition: all 0.3s ease;
        }

        .key-link:hover {
        background: #b72b65;
        padding: 10px 47px 10px 23px;
        }

        .search-link:hover {
        background: rgba(0,0,0,0.35);
        padding: 6px 47px 6px 23px;
        }

    .key-link:after {
    background-image: url('/wp-content/themes/scc-frame/inc/img/chevron-right-solid.svg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 0 30px 30px 0;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    color: #fff;
    }

        .search-link:after {
        background-color: transparent;
        }

select {
width: 100%;
padding: 0 10px;
height: 52px;
font-family: 'Raleway';
font-size: 16px;
font-weight: 400;
border: 1px solid #e5e5e5;
border-radius: 4px;
}

.feedback-bar textarea {
border: 1px solid #e4e4e4 !important;
width: 100%;
padding: 20px;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
background: #fff;
border: 0;
margin: 10px 0;
font-size: 16px;
font-weight: 400;
padding: 15px;
width: 100%;
border: 1px solid #e5e5e5;
}

::placeholder {
opacity: 0.5 !important;
text-transform: none;
font-size: 16px;
letter-spacing: -0.5px;
font-weight: 400;
}

.description {
display: block;
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: 400;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


		/*--------------------------------------------------------------
		--  CUSTOM RADIO BUTTONS -- */

		.custom-radio {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 20px;
		line-height: 24px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}

		.custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		}

		.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #eaeaea;
		border-radius: 50%;
		}

		.custom-radio:hover input ~ .checkmark {
		background-color: #ccc;
		}

		.custom-radio input:checked ~ .checkmark {
		background-color: #4e3cd3;
		}

		.checkmark:after {
		content: "";
		position: absolute;
		display: none;
		}

		.custom-radio input:checked ~ .checkmark:after {
		display: block;
		}

		.custom-radio .checkmark:after {
		 top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
		}


/*****************************************************************
/*----------------------------------------------------------------
404 ERROR PAGE
----------------------------------------------------------------/*
*****************************************************************/

.error404 #background-block {
height: 100%;
clip-path: none;
}

.error404 header .header-search,
.error404 header .breadcrumbs-section {
display: none;
}

.error404 .header-search {
padding: 0;
}

.error404 .header-search button {
top: 0;
}

.error404 h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
margin: 40px 0 10px;
line-height: normal;
}

.error404 h2 {
margin: 0 0 30px;
color: #fff;
}

.error404 .top-block p,
.error404 .top-block li,
.error404 .top-block a {
color: #fff;
font-size: 28px;
margin-bottom: 60px;
}


/*****************************************************************
/*----------------------------------------------------------------
COOKIES BLOCK
----------------------------------------------------------------/*
*****************************************************************/

#cookies {
display: none;
position: fixed;
z-index: 9999999999999999999999;
max-width: 30%;
right: 30px;
bottom: 30px;
padding: 0;
box-shadow: 0 8px 63px rgba(69, 86, 88, .2);
}

    #cookies div {
    padding: 20px;
    background: #fff;
    margin: 0;
    height: 100%;
    position: relative;
    z-index: 1;
    border: 1px solid #e5e5e5;
    }

    #cookies button{
    width: 100%;
    }

		.nav-pills .active .core-box-title {
    z-index: 5;
		}


/*****************************************************************
/*----------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  BREADCRUMBS -- */

    .breadcrumbs-section {
    padding: 0;
    background: linear-gradient(145deg,rgba(0,0,0,.1),rgba(0,0,0,0.05));
    overflow: visible;
    z-index: 3;
    }

        .home .breadcrumbs-section {
        display: none;
        }

    .breadcrumbs {
    margin: 0;
    width: 100%;
    padding: 5px 15px;
    }

    .breadcrumbs span,
    .breadcrumbs a {
    font-size: 15px;
    color: #fff;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    text-decoration: underline;
    }

    .breadcrumbs span:last-of-type {
    text-decoration: none;
    }

    .breadcrumbs i {
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    }

    .breadcrumbs .fa-home {
    font-size: 20px;
    }

    .breadcrumbs span:last-child i {
    display: none;
    }


		/*--------------------------------------------------------------
		--  SEARCH FORMS -- */

    .search-form-small input[type=text] {
    width: 80%;
    height: 52px;
    margin: 0;
    border-radius: 0px;
    font-size: 13px;
    padding-left: 20px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }


         /* --- TOP BAR SEARCH --- */

        .header-search {
        padding: 7px 0 0;
        position: relative;
        }

        .header-search input[type=text] {
        width: 100%;
        height: 46px;
        margin: 0 10px 0 0;
        border-radius: 4px;
        font-size: 16px;
        border: 0;
        padding: 15px;
        }

        .header-search .search-button {
        height: 46px;
        width: 46px;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0 4px 4px 0;
        line-height: normal;
        letter-spacing: 0;
        font-family: "Font Awesome 5 Free" !important;
        position: absolute;
        top: 7px;
        right: 0;
        background: #c92e6f;
        box-shadow: none;
        color: #fff;
        }


		/*--------------------------------------------------------------
		--  OVERLAY MENU -- */

    .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    right: 0;
    top: 0;
    background-color: #F5F5F5;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.5s;
    }

    .menu-width {
    width: 100%;
    }

        .overlay .menu-width {
        width: 75%;
        }

        .overlay .menu-block {
        padding: 80px 120px 0;
        }

		.overlay .promo-block {
		padding: 80px 30px;
		}

    .overlay .closebtn,
    .overlay .backbtn {
    position: absolute;
    top: 30px;
    left: 95px;
    line-height: 38px;
    color: #000;
    z-index: 3;
    }

        .overlay .backbtn {
        display: none;
        color: #000;
        z-index: 999;
        }

        .overlay .closebtn:before {
        content: url('/wp-content/themes/scc-frame/inc/img/close.svg');
        width: 40px;
        height: 40px;
        float: left;
        }

    #overlay-menu ul {
    margin: 0;
    list-style: none;
    }

    #overlay-menu > ul  li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    }

        #overlay-menu .new-menu > li > a,
        .overlay .sub-menu a {
        color: #000;
        padding: 20px 0;
        font-size: 24px;
        display: block;
        font-family: 'Roboto', sans-serif !important;
        letter-spacing: -1px;
        }

        #overlay-menu .new-menu > li a:after {
        content: '\f105';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        opacity: 1;
        font-size: 28px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
        }

        #overlay-menu .new-menu .cbp-hrsub a {
        color: #fff;
        font-size: 24px !important;
        line-height: 36px;
        }

    #overlayOpen > a {
    padding: 5px 0 0 0;
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 15px;
    color: #fff;
    }

    #overlayOpen:before {
    content: '';
    background-image: url('/wp-content/themes/scc-frame/inc/img/menu.svg');
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    right: 15px;
    top: 20px;
    transform: rotate(180deg);
    }


		    /*--- SUB MENU ---*/

				.overlay .overlay {
		    background: #fff;
				}

		    .overlay .sub-menu {
		    height: 100%;
		    padding: 80px;
		    background: #fff;
		    }

			.menu-item-description {
			margin: 0;
			}


		    /*--- BASE MENU IN OVERLAY ---*/

		    .base-menu-block {
		    background: #f5f5f5;
		    margin-top: -1px;
		    padding: 80px 110px;
		    display: flex;
		    align-items: flex-end;
		    }

		        .base-menu-block ul {
		        margin: 0;
		        list-style: none;
		        }

		        .base-menu-block ul > li {
		        display: inline-block;
		        padding: 0 20px 0 0;
		        margin: 0 20px 0 0;
		        border-right: 1px solid rgba(0,0,0, 0.25);
		        }

		        .base-menu-block ul > li > a {
		        color: #000;
		        }


/*****************************************************************
/*----------------------------------------------------------------
GLOBAL TEMPLATE AND HEADER
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  CORE HEADER STYLE -- */

    .header-nav {
    background: linear-gradient(-145deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05));
    }

    #masthead {
    position: relative;
    z-index: 6;
    -webkit-transition: all .5s cubic-bezier(.3, .74, .74, 1);
    transition: all .5s cubic-bezier(.3, .74, .74, 1);
    background: transparent;
    }

    .main-navigation {
    height: auto;
    border-bottom: 0;
    padding: 15px 0;
    float: none;
    }

    .logo {
    max-height: 80px;
    padding-bottom: 5px;
    }


		/*--------------------------------------------------------------
		--  BACKGROUND BLOCK AND SLIDER -- */

    #main-slider div,
    #background-block div {
    height: 100%;
    }

    #main-slider .row,
    #background-block .row {
    align-items: center;
    }

    #main-slider .slider-content,
    #background-block .slider-content {
    height: auto;
    z-index: 2;
    }


        /* --- BACKGROUND BLOCK --- */

        #background-block {
        padding: 0;
        height: 650px;
        width: 100%;
        position: absolute;
        background: linear-gradient(135deg,#009dac 0%,#007cb7 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }

        #background-block .image-slide {
        background: url(/wp-content/themes/scc-frame/inc/img/bgReverse.svg);
        background-position: top right;
        background-size: 45%;
        background-repeat: no-repeat
        }


        /* --- HOMEPAGE TWEAKS --- */

        #main-slider {
        padding: 0;
        height: 450px;
        position: relative;
        -webkit-clip-path: polygon(0 0,100% 15%,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 15%,100% 100%,0 100%);
        }

        .slick-slide {
        background-size: cover !important;
        background-position: center !important;
        }


        /* --- SLIDER CONTENT--- */

        .slider-content .emotive-link {
        margin: 20px 0 0;
        }


        /*--- SLIDER OVERLAYS --- */

        .home .slide:after,
        .promo-slide:after,
        .image-slide:after {
        background: linear-gradient(135deg,#009dac 0%,#007cb7 100%);
        opacity: 0.75;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        position: absolute;
        }


		/*--------------------------------------------------------------
		--  ANNOUCEMENT BAR -- */

    .quick-bar {
    background: #c92e6f;
    color: #fff;
    position: relative;
    }

    .quick-bar h4 {
    margin: 0;
    padding: 10px 0 5px;
    }

    .quick-bar p {
    padding: 0 0 10px !important;
    margin: 0;
    }

    .quick-bar a {
    color: #000;
    font-weight: bold !important;
    text-decoration: underline;
    }


/*****************************************************************
/*----------------------------------------------------------------
CONTENT TEMPLATES - LANDING AND CORE CONTENT
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  GLOBAL STYLING -- */

		section {
		padding: 30px 0;
		border: 0;
		}

		.content-page {
		overflow: visible;
		}

		.content-page a {
		color: #c92e6f;
		text-decoration: underline;
		}

		.page-title {
		padding-top: 40px;
		margin: 0 0 10px;
		color: #fff;
		font-weight: bold;
		}

		.page-caption {
		color: #fff;
		font-size: 24px;
		margin: 0 0 30px;
		}

		.section-title,
		.large-contact h4 {
		font-weight: bold;
		font-size: 26px;
		}

		.section-title:after,
		.large-contact h4:after {
		content: "";
		background: #c92e6f;
		width: 50px;
		height: 4px;
		display: block;
		margin-top: 10px;
		}


		/*--------------------------------------------------------------
		--  CONTENT SIDEBAR -- */

    #secondary {
    padding-right: 0;
    }


        /* --- PAGE ANCHORS --- */

        .downloads,
        .page-anchors {
        padding: 0;
        margin: 0;
        }

        .page-anchors {
        border: 0;
        }

        .page-anchors li {
        margin: 0;
        width: 100%;
        color: #000;
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        position: relative;
        }

        .page-anchors li:first-of-type a {
        border-top: 1px solid #e5e5e5 !important;
        }

        .page-anchors .nav-link {
        display: block;
        padding: 20px 0 20px 20px;
        text-decoration: none !important;
        background: #f5f5f5;
        border: 0;
        border-bottom: 1px solid #e5e5e5 !important;
		border-radius: 0;
        }

            .nav-tabs .nav-link:focus,
            .nav-tabs .nav-link:hover {
            border: 0;
            border-radius: 0;
            border-color: #e5e5e5;
            }

        .page-anchors .active {
        background: #fff;
        border-right: 0;
        color: transparent;
        margin-right: -1px;
        z-index: 2;
        position: relative;
        border-radius: 0;
        border-top: 0 !important;
        border-left: 6px solid #c92e6f !important;
        }

        .page-anchors .anchor {
        color: #000;
        position: relative;
        display: inline-block;
        margin: 0;
        width: 100%;
        line-height: normal;
        font-size: 18px;
        }

            .page-anchors .anchor:after {
            content: '\f105';
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            opacity: 0.5;
            transition: all 0.2s ease-in-out;
            position: absolute;
            top: 0;
            right: 15px;
            }

            .page-anchors .active .anchor:after {
            opacity: 0;
            }


		/*--------------------------------------------------------------
		--  PRIMARY CONTENT BLOCK -- */

    .tab-content {
    background: #fff;
    padding: 20px 20px 0;
    margin: 0;
    height: 100%;
    position: relative;
    z-index: 1;
    border: 1px solid #e5e5e5;
    }

	.long-content .section-title {
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
	}

	.long-content:first-of-type .section-title {
	padding: 0;
	border-top: 0;
	}

        /* --- DOWNLOADS --- */

        .downloads-wrap .sub-section-item {
        margin: 0;
        padding: 0;
        color: #000;
        }

        .download-title {
        margin: 0;
        font-size: 17px;
        font-weight: 500;
        padding-right: 10px;
        }

        .file-icon {
        font-size: 26px;
        text-align: center;
        padding: 0;
        margin-top: 6px;
        color: #c92e6f;
        }

        .download-link {
        width: 100%;
        padding: 20px 20px 20px 0;
        background: transparent;
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        font-weight: 600!important;
        border-bottom: 1px solid #e5e5e5;
        }

        .file-description p {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        }

        .file-description:after,
        #lumesseJobDetailWidget ul:last-of-type li:after {
        content: '\f019';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 16px;
        opacity: 0.5;
        transition: all 0.2s ease-in-out;
        position: absolute;
        top: 5px;
        right: 0;
        }


        /* --- FEEDBACK BAR ---*/

        .feedback-bar {
        background: #c92e6f;
        padding: 15px 20px;
        margin-bottom: 10px;
        }

            .feedback-bar .tab-content {
            min-height: auto;
            }

        .feedback-bar p {
        margin: 0;
        color: #fff;
        }

        .feedback-bar .collapse p {
        color: #000;
        margin: 0 0 20px;
        }

        .feedback-bar a p:after {
        content: '\f078';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        float: right;
        color: #fff;
        padding-right: 10px;
        }


        /* --- KEY CONTENT ALERTS ---*/

        .alert-info {
        color: #000;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 20px;
        border: 0;
        border-radius: 0;
        border: 1px solid #e5e5e5;
        border-left: 5px solid #c92e6f;
        background: #f5f5f5 !important;
        }

            .alert p {
            height: 100%;
            margin: 0;
            font-weight: 500 !important;
            }

            .suggested-reading {
            color: #000;
            background: transparent !important;
            border: 0;
            padding: 10px 0 20px;
            border-bottom: 1px solid #e5e5e5;
            }

            .bold-alert .row {
            align-items: center;
            }

                .suggested-reading p {
                display: block;
                }

                .suggested-reading i {
                font-size: 22px;
                background: #000;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                color: #fff;
                padding-top: 8px;
                text-align: center;
                }

            .quote {
            border-left: 0;
            background: #f5f5f5;
            border-bottom: 5px solid #009eaa;
            text-align: center;
            padding: 40px 30px;
            }

                .quote .col-1 {
                display: none;
                }

                .quote .col-sm-11 {
                flex: 0 0 100%;
                max-width: 100%;
                }

                .quote p {
                justify-content: center;
                font-size: 20px;
                }

                .quote strong {
                padding-left: 5px;
                }


		/*--------------------------------------------------------------
		--  LANDING PAGES PILLS -- */

    .nav-shadow {
    position: absolute;
    width: 600px;
    height: 100%;
    right: 15px;
    background: #eee;
    z-index: -1;
    -webkit-clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
    }

        .core-box-nav {
        display: block !important;
        }

        .core-box-nav.col-sm-4 {
        padding-right: 0;
        }

        .core-box-content {
        font-size: 16px;
        margin: 0;
        line-height: 22px;
        padding-left: 0;
        animation-delay: 2s;
        }

        .core-overlay {
        background: #fff;
        padding: 0;
        border-radius: 5px;
        box-shadow: 0 8px 63px rgba(69, 86, 88, .3);
        margin-top: -30px;
        padding: 45px 15px 15px;
        width: 100%;
        }

            .pill-layout .core-overlay {
            height: 100%;
            background: #fff;
            border-radius: 0;
            box-shadow: none;
            margin-top: 0px;
            padding: 0 15px;
            border-left: 0;
            display: none;
            transition: all 0.3s;
            box-shadow: 0 8px 63px rgba(69, 86, 88, .2);
            }

            .pill-layout .core-overlay.active {
            padding: 0 15px 15px;
            display: block;
            }

        .core-box-title {
        position: relative;
        margin: 0;
        background: #f5f5f5;
        padding: 25px 40px 25px 20px;
        color: #000;
        border-bottom: 1px solid #e5e5e5;
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }

			a:focus > .core-box-title {
			background: #fff;
			}

        .core-box-title:after,
        .core-overlay .pages:after {
        content: '\f105';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        opacity: 0.5;
        font-size: 20px;
        position: absolute;
        right: 30px;
        top: 35%;
        }

        .core-box-content .pages {
        padding-right: 50px;
        }

        .pill:last-child .core-box-title {
        border-bottom: 0;
        }

        .nav-pills .active .core-box-title {
        background: #fff;
        z-index: 999;
        }

        .core-box-title label {
        line-height: normal;
        }

        .popular-pages {
        border-left: 5px solid #c92e6f;
        border-bottom: 0;
        height: 100%;
        }

        .core-box-title h4 {
        display: inline-block;
        margin: 0;
        line-height: 24px;
        font-size: 20px;
        }

        .core-overlay h4 {
        margin: 0;
        line-height: 24px;
        font-size: 20px;
        color: #c92e6f;
        }

        .core-overlay span {
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(/wp-content/themes/scc-frame/inc/img/chevron-right-solid.svg);
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: 30%;
        border-radius: 50%;
        padding: 5px;
        position: absolute;
        right: 10px;
        top: 5px;
        opacity: 0.5;
        }

        .core-box p,
        .core-box-content p {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        transition: all 0.3s;
        }

        .core-box-icon {
        text-align: center;
        background: #c92e6f;
        border-radius: 50%;
        max-width: 65px;
        height: 65px;
        z-index: 1;
        }

        .core-box-icon img {
        padding: 18px;
        }


		/*--------------------------------------------------------------
		--  TABLES -- */

    table {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    width: 100%;
    }

    table td {
    font-size: 16px;
    font-weight: 400;
    }

    .tablepress {
    margin: 30px 0 !important;
    }

    caption {
    display: none !important;
    }

    .tablepress thead th {
    background-color: #009eaa !important;
    border: 6px solid #fff !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
    padding: 15px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: "Roboto", sans-serif !important;
    }

    .tablepress tbody td {
    font-size: 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Raleway", sans-serif !important;
    background: #f5f5f5;
    padding: 15px !important;
    border: 6px solid #fff !important;
    }

    .op-table tbody td {
    background: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    }

    table input[type=submit] {
    margin: 5px 0 !important;
    height: 36px !important;
    border-radius: 6px !important;
    }


/*****************************************************************
/*----------------------------------------------------------------
HOMEPAGE
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  OVERARCHING STYLING -- */

    .home .core-box-title {
    display: flex;
    }

    .home .tab-pane .core-box-title {
    background: #fff;
    }


		/*--------------------------------------------------------------
		--  CONTENT BLOCKS -- */

    #main-cta {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 0;
    }

    #main-content {
    padding: 0 0 60px;
    margin-top: -220px;
    overflow: visible;
    }


        /* --- HOMEPAGE ICONS --- */

        .icons {
        display: flex;
        justify-content: center;
        }

        .svg {
        float: left;
        max-width: 40px;
        max-height: 40px;
        margin: 5px 0 0;
        overflow: visible !important;
        }

        svg path,
        svg circle {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        }

        .core-box-title:hover svg #surface1 path,
        #tab-navigation .active svg #surface1 path {
        fill: #c92e6f;
        }


		/*--------------------------------------------------------------
		--  NEWSROOM MENU -- */

    #main-news {
    padding: 30px 0 0;
    }

    .news-box {
    overflow: hidden;
    }

    .news-box-border {
    background: #fff;
    display: flex;
    border: 1px solid #e5e5e5;
    transition: all 0.2s ease;
    height: 100%;
    }

    .news-content {
    padding: 15px;
    }

    .news-content p {
    margin: 0;
    }

    .news-title h5 {
    margin: 0 0 10px !important;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    }

    .news-title h4 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    }

    .core-box-content .button-holder {
    text-align: right;
    padding: 15px 5px;
    margin: 0;
    }

        .button-holder {
        text-align: center;
        margin: 50px 0 0;
        padding: 0;
        }


/*****************************************************************
/*----------------------------------------------------------------
SEARCH RESULTS
----------------------------------------------------------------/*
*****************************************************************/

#search-container {
overflow: visible;
}

.search-results {
min-height: 1200px;
}

.search-results header {
margin-top: -2px;
}


		/*--------------------------------------------------------------
		--  GOOGLE CUSTOM SEARCH -- */

		.search .breadcrumbs-section {
		display: none;
		}

		.gs-promotion table {
		display: block;
		}

		.gsc-resultsHeader {
		display: none !important;
		}

		.search-results h1 {
		font-weight: bold;
		}

		.gsc-results {
		width: 100% !important;
		}

		.gsc-control-cse {
		padding: 20px !important;
		box-shadow: 0 8px 63px rgba(69, 86, 88, .2);
		}

		.gsc-above-wrapper-area {
		display: none !important;
		}

		.gs-promotion-text-cell .gs-snippet, .gs-bidi-start-align gs-snippet {
		font-size: 16px !important;
		}

		.gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
		font-size: 18px !important;
		}

		.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
		font-size: 16px !important;
		}

		.gsc-webResult .gsc-result {
		padding: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 26px !important;
		}

		.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
		padding-left: 0px !important;
		padding-right: 8px !important;
		margin: 0 !important;
		}

		.gsc-webResult.gsc-result {
		border-bottom-color: #E9E9E9 !important;
		}

		.gs-webResult div.gs-visibleUrl-short {
		color: #39aab5 !important;
		}

		.gsc-webResult.gsc-result {
		border-bottom-color: #FFF !important;
		}

		.search-results h1 {
		color: #fff !important;
		}

		.gs-visibleUrl {
		color: #8c8c8c !important;
		}

		.gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
		text-decoration: none !important;
		font-size: 20px !important;
		margin-bottom: 10px;
		line-height: normal;
		font-family: 'Roboto', sans-serif;
		letter-spacing: -1px;
		}

		.gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
		padding-bottom: 30px !important;
		}

		.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *, .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
		color: #000000 !important;
		font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif!important;
		font-size: 18px !important;
		line-height: 24px;
		}

		.gsc-url-top, .gs-visibleUrl.gs-visibleUrl-long {
		font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif!important;
		color: #C92E6F !important;
		font-size: 18px !important;
		line-height: 24px;
		display: none !important;
		}

		.gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
		border-color: #f5f5f5 !important;
		background-color: #f5f5f5 !important;
		padding: 20px !important;
		}

		.gs-promotion::before {
		content: "suggested page";
		float: right;
		color: #000;
		font-weight: 600;
		font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif !important;
		}

		.gs-no-results-result .gs-snippet {
		padding: 20px;
		margin: 5px;
		border: 0px !important;
		background-color: #f5f5f5 !important;
		}

		.gs-no-results-result .gs-snippet {
		text-transform: lowercase;
		font-weight: 600;
		font-size: 20px !important;
		color: #000 !important;
		}

		.gs-no-results-result .gs-snippet::before {
		content: "Sorry, we found ";
		text-transform: none;
		}

		.gs-no-results-result .gs-snippet::after {
		content: " for your search. Please try searching again using different words.";
		text-transform: none;
		}

		.gsc-results .gsc-cursor-box .gsc-cursor-page {
		color: #C92E6F !important;
		font-size: 1.4em;
		}

		.gs-promotion-table,
		.gs-promotion-text-cell {
		margin: 0 !important;
		padding: 0 !important;
		}


/*****************************************************************
/*----------------------------------------------------------------
PARENT PAGE TEMPLATE
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  OVERARCHING STYLING -- */

    .pages-block {
    padding: 30px 0 90px;
    }

    .suggestions label {
    margin: 30px 0 0;
    color: #fff;
    font-weight: bold;
    }


        /* --- SUB PAGES MENU --- */

        .tab-shadow {
        box-shadow: 0 8px 63px rgba(69, 86, 88, .2);
        }

        .page-row {
        padding: 15px 10px;
        }

        .page-row:last-child {
        border: 0;
        }

        .page-row i {
        font-size: 20px;
        }

        .pages-list h4 {
        margin: 0 0 5px;
        }


/*****************************************************************
/*----------------------------------------------------------------
CONTACT US
----------------------------------------------------------------/*
*****************************************************************/

.key-contact-box {
text-align: center;
border-bottom: 6px solid #c92e6f;
}

.contact-table {
padding: 0 0 30px;
}

    .contact-table h1{
    color: #fff;
    margin: 0 0 10px;
    font-weight: bold;
    }

    .contact-table p {
    color: #fff;
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    }

.contact-header ul {
margin: 0;
list-style: none;
height: 100%;
}

.contact-link {
text-decoration: none !important;
}

.contact-header-title {
float: left;
display: inline-block;
width: 25%;
padding: 15px;
font-size: 16px;
background: #009eaa;
color: #fff;
}

    .contact-header-title:nth-child(2) {
    background: #00AAB7;
    }

    .contact-header-title:last-child {
    background: #008690;
    }

.contact-header-title.large-title {
width: 50%;
}

.contact-col {
padding: 0;
}

.contact-col .tab-content {
border-top: 0;
padding: 0;
border-radius: 0;
}

.contact-col .question-contact {
text-decoration: none !important;
}

    .contact-col ul {
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
    z-index: 2;
    border: 0;
    }

    .contact-col .active .contact-title {
    background: #fff;
    }

    .contact-title {
    display: block;
    background: #f5f5f5;
    color: #000 !important;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 20px 15px;
    font-size: 16px;
    line-height: normal;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: none !important;
    }

		.what-contact .contact-title {
		background: #fff;
		}

        .contact-title:hover {
        background: #fff;
        }

    .contact-title .active {
    background: #fff;
    border-right: 0;
    }

.suggestion-title {
background: #f5f5f5;
color: #000 !important;
border: 1px solid #e5e5e5;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
padding: 20px 15px;
font-size: 16px;
line-height: normal;
}

.suggestion-title a {
text-decoration: none !important;
display: block;
cursor: pointer;
}

.suggestion-title p {
margin: 0;
font-family: 'Roboto', sans-serif !important;
font-size: 16px;
color: #000;
line-height: normal;
}

.suggestion-title label {
opacity: 0.5;
margin: 0;
line-height: initial;
color: #000;
}

    .answer-block {
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    }

        .widget-row .col:first-child {
        padding-right: 10px;
        }

        .widget-row .col:last-child {
        padding-left: 10px;
        }

        .contact-widget:first-of-type {
        margin-top: 0;
        }

        .contact-widget {
        padding: 10px 20px;
        background: #f5f5f5;
        border: 1px solid #e5e5e5;
        margin: 20px 0;
        }

        .contact-widget .svg {
        margin: 5px 0 0;
        }

        .contact-widget #surface1 path {
        fill: #009eaa !important;
        }

        .phone-widget {
        margin: 20px 0 0;
        }

        .contact-widget p {
        margin: 0;
        }

        .phone-widget a {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        text-decoration: none !important;
        color: #000 !important;
        }

        .widget-icon {
        padding: 0;
        font-size: 34px;
        color: #009eaa;
        display: inline-block;
        }

        .number-hidden p {
        margin: 10px 0 0;
        }

    .answer-block h3 {
    margin: 0 0 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #009eaa;
    color: #009eaa;
    font-weight: 400;
    display: flex;
    }

    .answer-block h2 {
    margin: 20px 0;
    font-weight: bold;
    }

    .answer-block p:last-of-type {
    margin: 0;
    }

    .answer-block .key-link {
    margin-top: 20px;
    }

.contact-blocks {
margin: 30px auto 0;
}

.contact-blocks a {
font-weight: bold !important;
}

.contact-title h4 {
margin: 0;
line-height: 24px;
font-size: 18px;
display: inline-block;
}

    .contact-title span {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .what-contact .contact-title h4 {
    font-size: 20px;
    }

.large-contact {
padding: 20px;
margin: 0 0 30px;
background: #fff;
box-shadow: 0 8px 63px rgba(69,86,88,.2);
transition: all 0.2s ease;
min-height: 310px;
}

.small-contact {
padding: 20px;
margin: 0 0 30px;
background: #fff;
box-shadow: 0 8px 63px rgba(69,86,88,.2);
transition: all 0.2s ease;
}

.large-contact p:last-child,
.large-contact li:last-child,
.large-contact ul,
.small-contact p:last-child,
.small-contact li:last-child,
.small-contact ul {
margin-bottom: 0;
}

/*****************************************************************
/*----------------------------------------------------------------
----------------------------------------------------------------/*
*****************************************************************/
/*****************************************************************
/*----------------------------------------------------------------
END OF STANDARD PAGE TEMPLATE

--- PAGE BUILDER TEMPLATE
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  OVERARCHING STYLING -- */

    .emotive-link {
    background: rgb(78, 60, 211);
    border: 1px solid #fff !important;
    }

    .emotive-link:after {
    background-color: transparent;
    }

    .full-height-slider,
    .full-height {
    height: 100vh !important;
    min-height: 500px;
    }


				/* --- TEXT GLOBAL CLASSES --- */

				.white-text h1,
				.white-text h2,
				.white-text h3,
				.white-text h4,
				.white-text h5,
				.white-text h6,
				.white-text p,
				.white-text li,
				.white-text span,
				.white-text a {
				color: #fff !important;
		    }

		    .bold-headers h1,
		    .bold-headers h2,
		    .bold-headers h3,
		    .bold-headers h4,
		    .bold-headers h5,
		    .bold-headers h6 {
		    font-weight: bold !important;
		    }

				.align-centre,
				.align-centre h1,
				.align-centre h2,
				.align-centre h3,
				.align-centre h4,
				.align-centre h5,
				.align-centre h6,
				.align-centre p,
				.align-centre li,
				.align-centre span,
				.align-centre a {
				text-align: center;
				}


		/*--------------------------------------------------------------
		--  SLIDER -- */

    #slides {
    padding: 0;
    height: 650px;
    position: relative;
    overflow: visible;
    background: #000;
    }

    #slides div,
    .content-gallery div {
    height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
    }

    #slides .row {
    align-items: center;
    }

    #slides .slider-content {
    height: auto;
    z-index: 2;
    }

    .slick-slide {
    background-size: cover !important;
    background-position: center !important;
    }


        /* --- SLIDER CONTENT--- */

        .slider-content h1 ,
        .slider-content h3 {
        color: #fff;
        margin: 0 0 10px;
        font-weight: bold;
        }

        .slider-content p {
        color: #fff;
        font-size: 24px;
        margin: 0 0 20px;
        }


		    /*--- SLIDER CONTROL UI --- */
		    /*--- Arrows --- */

		    .slick-prev:after,
		    .slick-next:after {
		    font-family: "Font Awesome 5 Free";
		    color: #fff;
		    font-size: 30px;
		    font-weight: 600;
		    }

		    .slick-prev {
		    left: 2rem;
		    }

		        .slick-prev:after {
		        content: '\f053';
		        }

		    .slick-next {
		    right: 2rem;
		    }

		        .slick-next:after {
		        content: '\f054';
		        }

		    .slick-arrow {
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    z-index: 3;
		    background: transparent;
		    opacity: 0.3;
		    font-size: 0;
		    border: 0;
		    }

		    .slick-arrow:hover,
		    .slick-arrow:focus {
		    opacity: 1;
		    background: transparent !important;
		    box-shadow: none !important;
		    border: 0 !important;
		    }

		    /*--- Dots--- */

		    .slick-dots {
		    position: absolute;
		    bottom: -40px;
		    display: block;
		    width: 100%;
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    text-align: center;
		    }

		    .slick-dots li {
		    display: inline-block;
		    }

		        .slick-dots li:only-child {
		        display: none;
		        }

		    .slick-dots li button {
		    font-size: 0;
		    line-height: 0;
		    display: block;
		    width: 20px;
		    height: 20px;
		    padding-right: 5px;
		    margin-right: 10px;
		    cursor: pointer;
		    color: transparent;
		    border: 0;
		    outline: none;
		    background: rgba(255,255,255,0.3);
		    border-radius: 50%;
		    }

		    .slick-dots .slick-active button {
		    background: rgba(255,255,255,0.6);
		    }


		/*--------------------------------------------------------------
		--  MAPS -- */

    #map {
    width: 100%;
    }

    .leaflet-container {
    position: relative;
    z-index: 1;
    }


				/* --- POPUP --- */

		    #map .custom-popup {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    padding: 10rem;
		    }

		    #map .custom-popup .tab-content {
		    border-radius: 10px;
		    padding: 30px;
		    box-shadow: 0 8px 63px rgba(69, 86, 88, .6);
		    min-height: 600px;
				height: auto;
		    }

		        #map .custom-popup h4 {
		        font-weight: bold;
		        font-size: 28px;
		        margin: 0 0 30px;
		        }

		        #map .custom-popup img {
		        border-radius: 4px;
		        }

		    #map .custom-popup .directions input[type=text] {
		    margin: 0;
		    border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px
		    }

		    #map .custom-popup .directions input[type=submit] {
		    padding: 10px !important;
		    width: 100%;
		    height: 56px;
		    border: 0 !important;
		    border-top-left-radius: 0;
		    border-bottom-left-radius: 0;
		    text-align: center;
		    }


		/*--------------------------------------------------------------
		--  SIMPLE PAGE TITLE -- */

    .simple-page-title h1 ,
    .simple-page-title h3 {
    color: #fff;
    margin: 0 0 10px;
    font-weight: bold;
    }

    .simple-page-title p {
    color: #fff;
    font-size: 24px;
    margin: 0;
    }


		/*--------------------------------------------------------------
		--  HERO BLOCKS -- */

    .indicator {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    width: 100%;
    text-align: center;
    display: none;

    animation-name: bounce;
    animation-timing-function: ease;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    }

        @keyframes bounce {
            0%   { transform: translateY(0); }
            30%  { transform: translateY(-20px); }
            50%  { transform: translateY(0); }
            100% { transform: translateY(0); }
        }

        .emotive-grid:first-of-type .emotive-box-border.h-100 #indicator {
        display: block;
        }

        #indicator h4 {
        color: #fff;
        font-weight: 600 !important;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0;
        }

        #indicator img {
        max-width: 16px;
        }

    .emotive-grid .news-box {
    padding: 0;
    }

    .emotive-box-border {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    }

    .emotive-content-block {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
    }

        .emotive-content-block.h-100 {
        padding-top: 0;
        }

    .emotive-content-block .content-column {
    padding: 100px 0;
		justify-content: flex-start;
    }

        .section-title {
        position: relative;
        z-index: 2;
        font-weight: bold;
				line-height: normal;
        }

        .emotive-content-block .section-title span {
        display: block;
        font-size: 22px;
        }

        .emotive-content-block p {
        position: relative;
        z-index: 2;
        }


		/*--------------------------------------------------------------
		--  CONTENT WITH GALLERY -- */

    .content-gallery {
    padding: 0;
    }

    .content-gallery .content-column {
    padding: 90px 15px 60px;
    }

    .gallery-item {
    position: relative;
    }

        .gallery-item div {
        background-size: cover;
        background-position: center;
        }

        .gallery-item-title {
        position: absolute;
        bottom: 10px;
        right: 15px;
        color: #fff;
        font-style: italic;
        font-size: 20px;
        }

        .gallery-item-title a {
        color: #fff;
        text-decoration: underline;
        }

            .video-class:after {
            content: url(/wp-content/themes/scc-frame/inc/img/svg-icons/play-button.svg);
            display: flex;
            height: 100%;
            justify-content: center;
            align-items: center;
            background: rgba(0,0,0,0.25);
            }

    .image-gallery .slick-arrow {
    top: auto;
    background: rgba(0, 0, 0, 0.5);
    width: 80px;
    height: 50px;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border: 0;
    opacity: 1;
    z-index: 2;
    }

    .image-gallery .slick-prev {
    left: 0px;
    }

    .image-gallery .slick-next {
    left: 80px;
    }

    .abs {
    position: absolute;
    top: 0;
    left:0;
    bottom:0;
    right:0;
    min-height:100%;
    }

    .image-block-bg {
    margin-top: -100px;
    min-height: 100vh;
    border: 2px solid #759194;
    border-right: 0;
    padding: 5px 0 0 5px;
    }

        .image-block-bg > div {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        }


        /* --- Large content - no image solution --- */

        .split-columns .abs {
        display: none;
        }

        .split-columns .content-column {
        flex: 0 0 100%;
        max-width: 100%;
        }

        .split-columns .content {
        column-count: 2;
        }


		/*--------------------------------------------------------------
		--  IMAGE GRID -- */

    .image-grid-slides .slick-slide {
    flex: auto;
    }

    .row:before,
    .row:after {
    width: 0px !important;
    height: 0px !important;
    }

    .grid-image {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    }

        .grid-image > div {
        min-height: 100%;
        background-size: cover;
        background-position: center;
        color: #fff;
        padding: 60px 15px;
        position: relative;
        }

        .grid-image .grid-content {
        display: inline-block;
        }

        .grid-image > div:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.25);

        display: none;
        }

        .grid-image > div h4 {
        font-size: 38px;
        margin: 0 0 10px;
        color: #fff;
        position: relative;
        z-index: 1;
        font-weight: bold;
        }

        .grid-image > div p {
        margin: 0;
        }

        .wedding-image:hover,
        .grid-image:hover {
        opacity: 1;
        z-index: 1;
        }


		/*--------------------------------------------------------------
		--  CTA BLOCK -- */

    .cta-block {
    background: #000;
    }

    .cta-block p {
    margin: 0;
    font-size: 20px;
    color: #fff;
    }

    .cta-block strong {
    font-weight: bold;
    }

    .cta-block .default-button {
    margin: 0;
    width: 100%;
    }


		/*--------------------------------------------------------------
		--  PAGE MENU -- */

    .page-menu-block {
    position: relative;
    margin: 0 0 30px;
    background: #fff;
    padding: 25px 40px 25px 20px;
    color: #000;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border: 1px solid #e5e5e5;
    }

    .page-menu-block h4,
    .page-menu-block label {
    color: #000;
    margin: 0;
    display: block;
    line-height: normal;
    }

        .page-menu-block h4 {
        line-height: 24px;
        font-size: 20px;
        margin-bottom: 5px;
        }

        .page-menu-block:after {
        content: '\f105';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        opacity: 0.5;
        font-size: 20px;
        position: absolute;
        right: 30px;
        top: 35%;
        }

        .page-menu-link {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        }

        .page-menu-link a:target {
        background: #fff;
        }

        .page-menu-link:last-of-type {
        border-right: 0;
        }


		/*--------------------------------------------------------------
		--  VIDEO CONTENT BLOCK -- */

		.background-video {
		position: absolute;
		object-fit: cover;
		object-position: 50%;
		min-height: 100%;
		min-width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		}

		.video-title {
		z-index: 1;
		}

		    .video-block {
		    padding: 0;
		    text-align: center;
		    }

		        .video-title h4 {
		        margin: 0;
		        color: #fff;
		        }

		    .video-title {
		    padding: 30px;
		    }

		        .video-title span {
		        font-size: 24px;
		        }

		    .video-overlay {
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    height: 100vh;
		    background-position: center;
		    background-size: cover;
		    }

		        .video-overlay p {
		        margin: 0;
		        color: #fff;
		        font-size: 24px;
		        position: relative;
		        z-index: 2;
		        border: 2px solid #fff;
		        padding: 10px 30px;
		        border-radius: 30px;
		        }

		        .video-overlay p:after {
		        content: url(/wp-content/themes/scc-frame/inc/img/play.svg);
		        float: right;
		        padding-top: 3px;
		        padding-left: 5px;
		        line-height: 0;
		        }

		        .video-overlay:after {
		        content: '';
		        background: #000;
		        opacity: 0.2;
		        display: block;
		        top: 0;
		        left: 0;
		        width: 100%;
		        height: 100%;
		        position: absolute;
		        }


		/*--------------------------------------------------------------
		--  CAROUSELS -- */

    .slick-track {
    display: flex !important;
    }

    .slick-slide {
    height: auto !important;
    }

    .slick-dots li button {
    background: rgba(0, 0, 0, 0.05);
    }

    .slick-dots .slick-active button {
    background: rgba(0, 0, 0, 0.5);
    }


				/*--------------------------------------------------------------
				--  CAROUSEL - DESCRIPTIVE CONTENT SLIDER -- */

        .sliding-content {
        padding: 80px 0;
        }

            /* --- NAVIGATION --- */

            .content-sliding-nav {
            padding: 0 0 60px;
            }

            .content-sliding-nav .nav-title {
            padding: 20px 0;
            background: rgba(0,0,0,0.3);
            border-radius: 4px;
            text-align: center;
            }

                .content-sliding-nav p {
                margin: 0;
                font-size: 20px;
                font-weight: bold !important;
                }


            /* --- CONTENT --- */

            .content-sliding-blocks h4 {
            font-weight: bold;
            font-size: 38px;
            line-height: normal;
            }

            .content-sliding-blocks .slick-dots {
            position: absolute;
            bottom: 30px !important;
            }


				/*--------------------------------------------------------------
				--  CAROUSEL - PAGES SLIDER -- */

        .carousel-deck .tab-content {
        padding: 20px;
        }

        .carousel-deck .slick-arrow {
        background: #759194;
        }

            .carousel-deck .slick-list {
            overflow: visible;
            }

            .carousel-title {
            margin-bottom: 30px;
            }

                .carousel-border {
                position: relative;
                z-index: 2;
                clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
                min-height: 250px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                }

                .carousel-deck h3 {
                color: #000;
                font-size: 26px;
                margin: 0 0 5px;
                }

            .carousel-deck p {
            color: #000;
            }

            .carousel-deck .default-button {
            width: 100%;
            }


				/*--------------------------------------------------------------
				--  CAROUSEL - CONTENT CAROUSEL -- */

        .quote-image {
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        }

        .quote-deck .tab-content {
        padding: 30px;
        box-shadow: none;
        }

            .quote-deck .tab-content h5 {
            text-align: right;
            margin: 0;
            }


		/*--------------------------------------------------------------
		--  SOCIAL MEDIA WIDGET -- */

    .social-media-widget {
    background: #fff;
    padding: 90px 0;
    border-top: 1px solid #e5e5e5;
    }


				/*--------------------------------------------------------------
				--  SOCIAL CTA BLOCK -- */

        .social-link {
        margin: 0 0 15px;
        width: 100%;
        line-height: inherit;
        }

            .social-link:before {
            display: none;
            }

            .social-link:last-of-type {
            margin: 0;
            }

            .social-link.fa-facebook-f {
            background: #3B5998;
            }

            .social-link.fa-linkedin-in {
            background: #0074b6;
            }

            .social-link.fa-instagram {
            background: linear-gradient(225deg,#b900b4 0%,#f50000 100%);
            }

            .social-link.fa-twitter {
            background: #1DA1F2;
            }


				/*--------------------------------------------------------------
				--  SOCIAL FEED -- */


				/* --- CURATOR CUSTOMISATION --- */

				.crt-widget.crt-widget-branded {
				padding-bottom: 60px !important;
				}

				 .crt-post {
				border: 0 !important;
				border-radius: 5px !important;
				box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.25);
				margin: 0 10px 10px;
				}

				.crt-post .crt-post-header {
				text-align: left !important;
				padding-top: 15px !important;
				}

				.crt-post .crt-post-header a,
				.crt-post-date a {
				font-family: "Source Sans Pro", sans-serif !important;
				font-weight: bold !important;
				color: #000 !important;
				}

				.crt-post .crt-post-text {
				text-align: left !important;
				padding-bottom: 15px !important;
				}

				.crt-post .crt-post-text a,
				.crt-social-icon,
				.crt-post-userimage,
				.crt-post-username {
				display: none !important;
				}

				.crt-post-share a:first-of-type {
				color: #3b5998 !important;
				}

				.crt-post-share a:last-of-type {
				color: #1DA1F2 !important;
				}

				.crt-image-responsive {
				height: 200px !important;
				padding: 0 !important;
				}

				.crt-post-image {
				object-fit: cover;
				}

				.crt-post-footer {
				text-align: left !important;
				padding: 0 15px !important;
				}

				.crt-post-date {
				text-transform: lowercase !important;
				font-size: 14px !important;
				}

				.crt-post-date a {
				font-size: 16px !important;
				}

				.crt-panel-next, .crt-panel-prev {
				top: -30px !important;
				background: transparent !important;
				}

				.crt-panel-next:before,
				.crt-panel-prev:before {
				font-weight: bold;
				color: #000 !important;
				}

					.crt-panel-next {
					right: 0 !important;
					}

					.crt-panel-prev {
					right: 60px !important;
					left: auto !important;
					}


		/*--------------------------------------------------------------
		--  BLOGS -- */

    #related-posts {
    background: #eee;
    padding: 60px 0;
    border-top: 1px solid #e5e5e5;
    }

    .blog .news-box-image {
    background-size: cover;
    height: 200px;
    text-align: left;
    }

		.blog-tag {
    position: absolute;
    bottom: 0;
		left: 15px;
		right: 0;
    text-align: center;
    padding: 10px;
    background: #364150;
    color: #fff;
		}

		.blog-tag h4 {
		margin: 0;
		}

    .blog-date {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    line-height: 30px;
    background: #0099bb;
    color: #fff;
    padding: 5px 10px;
    border-bottom-right-radius: 4px;
    }

        #directory .blog-date {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0;
        }


		/*--------------------------------------------------------------
		--  DIRECTORIES -- */

    .directory-padding {
    padding-bottom: 90px;
    }

    #directory .section-title {
    font-size: 24px;
    }


        /*--------------------------------------------------------------
        OLD STYLING FOR LOCATIONS.php
        --------------------------------------------------------------*/

        .directory-box {
        padding: 20px;
        margin: 0 0 30px;
        background: #fff;
        box-shadow: 0 8px 63px rgba(69,86,88,.2);
        }

        .libicons {
        margin-bottom: 10px;
        }

        .directory-border {
        padding: 10px;
        background: #f5f5f5;
        border: 1px solid #eee;
        }

            .directory-content .short-link,
            .directory-content .emotive-link {
            position: absolute;
            top: 0;
            right: 0;
            }

            .directory-meta {
            font-weight: 300;
            }

                .directory-meta a {
                font-size: 24px;
                }

                .directory-meta p {
                margin: 5px 0 0;
                font-size: 18px;
                }

            .directory-border p {
            margin: 0;
            }

            .directory-box h4,
            .events-box h4 {
            font-weight: 500;
            margin: 0 0 15px;
            display: inline-block;
            }

            .directory-box i {
            padding-top: 8px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #009eaa;
            color: #fff;
            text-align: center;
            margin: 0 0 0 15px;
            font-size: 18px;
            }


				/*--------------------------------------------------------------
				--  SEARCH BLOCK -- */

        .search-results-block {
        position: relative;
        padding: 20px 0;
        background: rgba(0, 0, 0, 0.05);
        margin-top: -92px;
        }

            .search-results-block input,
            .search-results-block button {
            margin: 0 !important;
            height: 52px !important;
            }

        .filter-clear {
        float: right;
        }


				/*--------------------------------------------------------------
				--  FILTER BLOCK -- */

        #filter-block .tab-content {
        padding: 20px;
        height: auto;
        }

            #daterange {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 5px 15px;
            border: 1px solid #e5e5e5;
            width: 100%;
            height: 52px;
            margin-bottom: 15px;
            }

            #reportrange {
            background: #fff;
            cursor: pointer;
            padding: 11px;
            margin: 0 0 10px;
            border: 1px solid #e4e4e4;
            width: 100%;
            font-size: 16px;
            font-weight: 400!important;
            line-height: 28px;
            font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif!important;
            }

                #reportrange .date-to {
                padding: 10px 15px;
                background: #f0f0f0;
                border: 1px solid #e4e4e4;
                margin: -12px 0;
                }


				/*--------------------------------------------------------------
				--  RESULTS BLOCK -- */


						/* --- GLOBAL --- */

		        #directory .event-featured {
		        height: 100%;
		        background-size: cover;
		        }


		        /* --- SPELL CHECK --- */

		        .did-you-mean {
		        margin: 0 0 25px;
		        font-size: 18px;
		        background: white;
		        padding: 10px;
		        border: 1px solid #e4e4e4;
		        }

		            .did-you-mean p {
		            display: inline;
		            }

		            .did-you-mean a {
		            font-weight: bold !important;
		            font-size: 18px;
		            text-decoration: underline;
		            }


		        /* --- INDIVIDUAL DATA BLOCK --- */

		        #response > div {
		        position: relative;
		        margin-bottom: 30px;
		        }

		        #response > div .tab-content {
		        padding: 20px;
		        }

				        .directory-title {
				        margin: 0 0 10px;
				        font-weight: bold;
				        }

				        .directory-table label {
				        margin: 0 0 5px;
				        font-weight: bold;
				        }

				        .directory-border {
				        padding: 10px;
				        margin-bottom: 20px;
				        background: #f5f5f5;
				        border: 1px solid #eee;
				        }

				            .directory-table div:last-of-type .directory-border {
				            margin: 0;
				            }

				        .directory-border p {
				        margin: 0;
				        }

				        .provider-description {
				        padding: 15px 0;
				        margin: 10px 0;
				        border-top: 1px solid #e8e8e8;
				        border-bottom: 1px solid #e8e8e8;
				        }

				        .provider-address {
				        margin: 0;
				        font-weight: bold !important;
				        font-size: 16px;
				        }

				        .provider-footer {
				        position: relative;
				        padding: 10px 20px;
				        background: #f0f0f0;
				        border: 1px solid #e4e4e4;
				        border-top: 0;
				        z-index: 1;
				        }

				            .provider-footer p {
				            margin: 0;
				            }

				        .recurring-flag {
				        position: absolute;
				        right: -25px;
				        top: 0;
				        z-index: 2;
				        }


            /* --- EVENTS ONLY --- */

            .event-title {
            font-size: 28px;
            margin: 0 0 10px;
            color: #4e3cd3;
            font-weight: bold;
            }


		            /* --- EVENTS ONLY - CATEGORIES LABELS --- */

		            .event-list .events-title a {
		            color: #4e3cd3;
		            font-family: 'Roboto', sans-serif !important;
		            letter-spacing: -1px;
		            display: block;
		            }

		            .category-label {
		            background: #c92e6f !important;
		            text-align: center;
		            border-radius: 30px;
		            padding: 5px 15px;
		            margin: 5px 10px 0 0;
		            width: fit-content;
		            color: #fff;
		            display: inline-block;
		            }

		            .events .category-label,
		            .single-events .category-label {
		            background: rgb(78, 60, 211)!important;
		            }


            /* --- RICH DATA LISTING --- */

            .rich-data .tab-content {
            padding: 20px;
            }

                /* --- TITLE BLOCK --- */

                .rich-data .provider-title {
                display: inline-block;
                margin: 0 0 5px;
                text-decoration: none !important;
                font-weight: bold;
                color: #a745a3;
                }

                .rich-data .provider-meta {
                overflow: hidden;
                }

                    .rich-data .provider-meta p {
                    margin: 5px 0;
                    float: left;
                    padding-right: 10px;
                    }


                /* --- FOOTER BLOCK --- */

                .rich-data .provider-address {
                margin: 0 0 10px;
                }

                .rich-data .provider-footer {
                padding: 10px 15px;
                background: #f0f0f0;
                border: 1px solid #e4e4e4;
                }

                .rich-data .provider-footer p {
                display: inline-block;
                padding-right: 20px;
                margin: 0;
                }


				/*--------------------------------------------------------------
				--  SINGLE RECORD DIRECTORY TEMPLATE -- */

        .single .tab-content {
        height: auto;
        padding: 20px;
        margin-bottom: 30px;
        }


            /* --- EVENTS ONLY - SINGLE POST CHANGES --- */

            .single-meta {
            background: #213686;
            padding: 20px 0;
            }

            .single-meta .single-data {
            border-right: 1px solid #49578b;
            }

                .single-meta .single-data:last-of-type {
                border-right: 0;
                margin: 0;
                }

            .single-meta p,
            .single-meta label {
            margin: 0;
            color: #fff;
            }

            .single-meta label {
            opacity: 0.5;
            }

            .search-again .social-links {
            float: right;
            margin: 0;
            }

            .search-again .social-links li {
            opacity: 1;
            }

                .search-again .social-links a:last-of-type li {
                margin-right: 0;
                }

            .search-again .facebook {
            background-color: #3B5998;
            }

            .search-again .twitter {
            background-color: #1DA1F2;
            }

            .search-again .mailto {
            background-color: #f4971e;
            }

		        .single-content .section-title,
		        .single-sidebar .section-title  {
		        margin: 0 -15px;
		        background: #213686;
		        color: #fff;
		        padding: 15px;
		        font-size: 22px;
		        }

		        .single-content .section-title {
		        margin: -20px -20px 20px;
		        }

            .single-content .section-title:after {
            display: none;
            }

            .single-sidebar .single-featured {
            max-height: 300px;
            }

            .single-label {
            margin: 0 -15px;
            background: #eee;
            padding: 10px 15px;
            border-top: 1px solid #e5e5e5;
            border-bottom: 2px solid #213686;
            }

            .single-value p {
            padding: 15px 0;
            margin: 0;
            }

            .provider-header {
            padding: 0 0 40px;
            margin-top: -10px;
            width: 100%;
            color: #fff;
            }

            .provider-header h3 {
            color: #fff;
            margin: 0 0 10px;
            font-weight: bold;
            }

            .search-again {
            padding: 20px 0;
            margin-top: -30px;
            background: linear-gradient(145deg,rgba(0,0,0,.1),rgba(0,0,0,0.05))
            }

            .provider-share .social-links {
            float: right;
            }

            .provider-share .social-links label {
            color: #fff;
            }

            .provider-share .social-links li {
            background: #4e3cd3 !important;
            opacity: 1 !important;
            }

            .provider-share .social-links a:last-of-type li {
            margin-right: 0 !important;
            }

            .provider-info .provider-footer label {
            margin-bottom: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #ddd;
            }

            .provider-info .provider-footer label:last-of-type {
            border-bottom: 0;
            margin: 0;
            padding: 0;
            }

            .content-list {
            margin: 0 -15px;
            list-style: none;
            }

            .single-send .information li,
            .single-childcare .information li {
            background: #f5f5f5;
            padding: 10px 15px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 16px;
            }

            .content-list p:last-of-type {
            border-bottom: 0;
            }

            .content-list p {
            margin: 0;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            }

            .content-list li {
            background: #fff;
            display: flex;
            padding: 0;
            border-bottom: 1px solid #e5e5e5;
            }

            .content-list li:last-of-type {
            border: 0;
            }

            .content-list li span,
            .content-list li strong,
            .content-list li a {
            padding: 15px;
            }

            .content-list li span:first-of-type {
            border-right: 1px solid #e5e5e5;
            }

            .provider-content .tab-content {
            margin-bottom: 30px;
            }

            .provider-content .tab-content:last-of-type {
            margin-bottom: 0;
            }

            .content-title {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            margin: 0 -15px;
            background: #213686;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            }

            .send-information .content-title {
            background: #e48a0a;
            margin-top: -15px;
            margin-bottom: 15px;
            }

            .single-events .image-slide:after {
            background: #5357d7 !important;
            }


/*****************************************************************
/*----------------------------------------------------------------
----------------------------------------------------------------/*
*****************************************************************/
/*****************************************************************
/*----------------------------------------------------------------
FOOTER BLOCK
----------------------------------------------------------------/*
*****************************************************************/


		/*--------------------------------------------------------------
		--  OVERARCHING STYLE -- */

    footer {
    padding: 32px 0;
    }

    .home .footer-block {
    background: transparent;
    }

    .footer-block {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
    }

    .site-footer {
    width: 100%;
    padding: 30px 0;
    background: #3d4959;
    }


				/*--------------------------------------------------------------
				--  ADVISOR MODAL -- */

		    .modal .tab-content {
		    padding: 0;
		    margin: 0;
		    border: 0;
		    border-top-left-radius: 0px;
		    border-bottom-right-radius: 0px;
		    }

		    #advisor_block {
		    padding: 20px;
		    }

		    .advisor-block {
		    max-height: 400px;
		    overflow-y: scroll;
		    }

		    .modal-body a.key-link {
		    margin-bottom: 5px;
		    }

		    .close h4:after {
		    content: '\f107';
		    font-family: "Font Awesome 5 Free";
		    font-weight: 600;
		    float: right;
		    padding-left: 10px;
		    }

		    #msg,
		    .wpcf7-response-output {
		    position: absolute;
		    top: -50px;
		    left: 0;
		    right: 0;
		    height: 50px;
		    text-align: center;
		    padding: 10px;
		    font-weight: 700;
		    background: #c92e6f;
		    color: #fff;
		    display: none;
		    }

		        .wpcf7-response-output {
		        position: relative;
		        border: 0 !important;
		        padding: 10px !important;
		        margin: 0 !important;
		        top: 0;
		        }

		    .modal-header.crm-modal-header {
		    padding-top: 10px !important;
		    }

		    .modal-body.row {
		    padding-top: 10px !important;
		    padding-bottom: 10px !important;
		    }


				/*--------------------------------------------------------------
				--  WEBCHAT -- */

		    .webchat-load {
		    position: fixed;
		    bottom: 0;
		    background: #c92e6f;
		    z-index: 6;
		    right: 5%;
		    width: 220px;
		    padding: 10px;
		    text-align: center;
		    color: #fff;
		    border-top-left-radius: 10px;
		    border-top-right-radius: 10px;
		    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
		    }

		        .webchat-load h5 {
		        margin: 0;
		        letter-spacing: -0.5px;
		        }

		        .webchat-load h5:before {
		        content: '\f086';
		        font-family: "Font Awesome 5 Free";
		        padding-right: 5px;
		        }


		/*--------------------------------------------------------------
		--  BASE GOV FOOTER -- */

		.site-footer .text-right {
		float: right;
		}

		.footer-block .base-footer {
    padding: 0;
    background: #2b3642;
		}

		.footer-credits img {
		width: 360px;
		}

		.footer-credits p {
    margin-bottom: 0px;
    font-size: 14px;
    }


				/*--------------------------------------------------------------
				--  LARGE NAVIGATION FOOTER -- */

        .navigation-footer-menu,
        .navigation-footer-menu ul {
        margin: 0;
        list-style: none;
        }

            .navigation-footer-menu > li {
            flex: 0 0 25%;
            }

            .navigation-footer-menu > li.menu-item-97229 {
            flex: 0 0 50%;
            }

                .navigation-footer-menu > li.menu-item-97229 li {
                width: 50%;
                display: inline-block;
                }

                .navigation-footer-menu > li.menu-item-97229 li:nth-child(even) {
                float: right;
                }

            .navigation-footer-menu a {
            font-size: 16px;
            }

            .navigation-footer-menu > li > a {
            font-size: 20px;
            font-weight: bold !important;
            line-height: 42px;
            }


				/*--------------------------------------------------------------
				--  SOCIAL MEDIA LINKS -- */

    		.site-footer .social-links {
        margin: 0;
        list-style: none;
    		}

	    	.social-links li,
	    	.social-links div {
	    	text-align: center;
        border: 2px solid #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 10px;
        display: inline-block;
        margin-right: 15px;
	    	-webkit-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-size: 18px;
    		}


						/* --- LINK STYLING --- */

		      	.social-links a {
		      	color: #fff !important;
		      	}

		  	    .social-links .facebook:hover {
		  	    opacity: 1;
		  	    background-color: #3B5998;
		  	    }

		  	    .social-links .twitter:hover {
		  	    opacity: 1;
		  	    background-color: #1DA1F2;
		  	    }

		  	    .social-links .linkedin:hover {
		  	    opacity: 1;
		  	    background-color: #0074b6;
		  	    }

		  	    .social-links .instagram:hover {
		  	    opacity: 1;
		  	    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;
		  	    }


			/*--------------------------------------------------------------
			--  BASE FOOTER MENU -- */

	    .goog-te-gadget-simple {
	    border: 0 !important;
	    background: transparent !important;
	    float: right !important;
	    padding-left: 20px !important;
      margin-top: 5px !important;
	    }

	    .goog-te-menu-value {
	    margin-right: 0 !important;
	    }

    	.site-footer .footer-links {
    	text-align: right;
      float: right;
      display: table;
      margin: 0;
      list-style: none;
    	}

    	#footer-menu:first-child .footer-links {
    	float: none;
    	}

    	.site-footer .footer-links li {
    	display: table-cell;
      padding: 5px 15px;
      border-right: 1px solid #3a4655;
      text-align: center;
  		}

    	.site-footer .footer-links li:first-child {
      padding-left: 0;
    	}

    	.site-footer .footer-links.contact li:last-child {
      border-right: 0;
    	}

    	footer a {
      font-size: 14px;
      color: #fff !important;
    	}


/*****************************************************************
/*----------------------------------------------------------------
----------------------------------------------------------------/*
*****************************************************************/
/*--------------------------------------------------------------
RESPONSIVE OPTIMISATION AND STYLING
--------------------------------------------------------------*/
/* --- 1024px = Tablet
/* --- 768px = Phone
**
****************************************************************
/*--------------------------------------------------------------
TABLET - GLOBAL STYLING
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {


    /**
    /*--------------------------------------------------------------
    MOBILE GLOBALS
    --------------------------------------------------------------*/

    h1 {
    font-size: 42px;
    line-height: 40px;
    font-weight: 300;
    }

    h2 {
    font-size: 32px;
    line-height: 40px;
    }

    h3 {
    font-size: 24px;
    line-height: 32px;
    }

    h4 {
    font-size: 20px;
    line-height: 26px;
    }

    h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    }

    h6 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    }

    p {
    font-size: 18px;
    }

    a {
    font-weight: 600;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: poitner;
    }

    a,
    a:visited,
    a:focus,
    a:active,
    a:hover {
    outline: none;
    word-wrap: break-word;
    }

    input[type=text],
    input[type=tel],
    input[type=email] {
    height: 42px;
    }

    tbody td {
    border: 0 !important;
    }

    table {
    width:100%;
    }

    thead {
    display: none;
    }

    tbody td::before {
    display: none !important;
    }

    tbody > tr > td:first-child {
    background: #009eaa;
    color: #fff !important;
    }

    .search tbody > tr > td:first-child {
    background: #f5f5f5;
    color: #fff !important;
    }

    .search .gs-snippet.gs-bidi-start-align {
    font-weight: 300 !important
    }

    tr:nth-of-type(2n) {
    background-color: inherit;
    }

    tr td:first-child {
    background: #f0f0f0; font-weight:bold;font-size:1.3em;
    }

    tbody a {
    color: #c92e6f !important;
    }

    tbody td {
    display: block;  text-align:center;
    }

    tbody td:before {
    content: attr(data-th) ' - ';
    font-weight: bold;
    }

    tbody .column-1 {
    background: #009eaa !important;
    color: #fff !important;
    }

    tbody td:last-child {
    margin-bottom: 20px;
    }

    tbody .even .column-2,
    tbody .even .column-3 {
    background-color: #f5f5f5 !important;
    }


    /**
    /*--------------------------------------------------------------
    HOME
    --------------------------------------------------------------*/

    #main-content {
    padding: 0 0 30px;
    }

    .home #main-news {
    padding: 0 0 30px;
    }

    .tab-pane .section-title {
    padding: 0 !important;
    }

    /** SLIDER **/

    #main-slider {
    height: 400px;
    -webkit-clip-path: none;
    clip-path: none;
    }

    .slider-content {
    flex: 0 0 100%;
    max-width: 100%;
    }

        .slider-content.libraries {
        flex: 0 0 50%;
        max-width: 50%;
        }

        .slider-content img {
        max-width: 80%;
        }

    #background-block {
    height: 750px;
    }


    /** NAVIGATION PILLS **/

    .core-box-title h4 {
    font-size: 18px;
    }

    .core-box-title img {
    margin: 0;
    margin-right: 15px;
    }

    .core-box-title:after {
    padding: 0 0 0 15px;
    }

    .core-box p,
    .core-box-content p {
    padding-right: 40px;
    }

    .image-slide > div {
    background-position: bottom right !important;
    background-size: 60% !important;
    }


    /*--------------------------------------------------------------
    PAGE BUILDER
    ----------------------------------------------------------------*/
	
    .social-media-widget .social-cta {
	margin-bottom: 60px;
	}
		
		/*
	    DESCRIPTIVE CONTENT SLIDER
        --------------------------------------------------------------*/

        .content-sliding-blocks .abs,
        .content-gallery .abs {
        position: relative;
        height: 300px !important;
        min-height: auto;
        }

        .content-sliding-blocks.hide-gallery .abs,
        .content-gallery.hide-gallery .abs {
        display: none;
        }


        /*--------------------------------------------------------------
        DIRECTORIES AND BLOGS
        --------------------------------------------------------------*/

        .news-box {
        margin: 0 0 30px;
        }

		#map .custom-popup .tab-content {
		display: none;
		}

}


/*--------------------------------------------------------------
MOBILE - GLOBAL STYLING
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

	a:focus,
	a:active {
	background-color: #ffdd00 !important;
	}

    .section-title,
    .large-contact h4 {
    font-size: 24px;
    }

    #primary {
    max-width: 100%;
    flex: 0 0 100%;
    }

    #secondary {
    display: none;
    }

    #primary .tab-content .tab-pane {
    display: block !important;
    opacity: 1 !important;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    }

    #primary .tab-content .tab-pane:last-child {
    border: 0;
    }

    .nav-bar a {
    height: auto;
    }

    /* --- NAVIGATION --- */

    .logo {
    max-width: 160px !important;
    padding: 0 !important;
    }

    .overlay .closebtn {
    top: 15px;
    left: 5px;
    }

    #overlay-menu > ul > li > .menu-width {
    width: 100%;
    }

    .overlay .menu-block {
    padding: 60px 30px 0;
    }

        #overlay-menu .new-menu > li > a {
        margin: 10px 0;
		font-size: 16px;
        }

		#overlay-menu .new-menu > li a:after {
		top: auto;
		font-size: 16px;
        }

        #overlay-menu .new-menu > li  .sub-menu a:after {
        display: none;
        }

    .overlay .logo-block {
    display: none;
    }

    .overlay .base-menu-block {
    padding: 15px 30px;
    }

        .base-menu-block ul > li {
        margin: 0;
        padding: 0;
        width: 100%;
        border: 0;
        }

        .base-menu-block ul > li > a {
        font-size: 16px
        }

    .overlay .sub-menu {
    padding: 60px 15px;
    }

        .overlay .sub-menu a {
        font-size: 20px !important;
        }

		.overlay .sub-menu .menu-item-description {
        font-size: 14px;
        line-height: normal;
        margin: 0;
		}

        .overlay .sub-menu > li:first-of-type a:after,
        .overlay .second-sub-menu a:after {
        right: 30px;
        left: auto !important;
        }

    .content-gallery .content-column {
    padding: 30px 15px;
    }

        .split-columns .content {
        column-count: 1;
        }

    .contact-blocks .col {
    flex: 0 0 100%;
    }

    .contact-link .icons {
    display: none;
    }

    .contact-title h4 {
    font-size: 16px;
    }

    .contact-widget .col-sm-11 {
    padding-left: 35px;
    }

    .slider-content.libraries {
    flex: 0 0 100%;
    max-width: 100%;
    }

    .emotive-grid.libraries .content-column {
    flex: 0 0 100%;
    max-width: 100%;
    }

    .emotive-box-border.lib {
    background: none !important;
    }

    .libraries .news-box {
    border-bottom: 1px solid #e5e5e5;
    }

    .emotive-slider.lib .emotive-slide {
    background: none !important;
    }

    .icons {
    display: none;
    }

    .directory-content .short-link,
    .directory-content .emotive-link {
    bottom: 0;
    top: auto;
    }

    .directory-table .col-sm-3 {
    display: none;
    }

    .small-header-content {
    margin-top: 0px !important;
    }

        /* Job fixes */

        .job-slider-small {
        height: auto !important;
        margin-top: -100px !important;
        }

        .job-slider .content-container {
        padding: 120px 0 30px;
        }

        .job-count {
        margin: 0 0 20px;
        font-size: 16px;
        }

        .lumesse-apply-widget-section h1,
        #lumesseJobDetailWidget h1 {
        margin: 0 0 20px;
        color: #000;
        }

        .dl-horizontal {
        margin: 0;
        }

        dd,
        dt {
        float: none;
        color: #000;
        }

        #lumesseJobDetailWidget {
        margin-top: 30px 0;
        }

        #lumesseSearchCriteriaWidget label {
        color: #000;
        }

        #lumesseJobsListWidget .tab-content {
        background: transparent;
        padding: 0;
        box-shadow: none;
        }

        #lumesseJobsListWidget tr {
        background: #fff;
        padding: 20px;
        margin: 0 0 20px;
        position: relative;
        z-index: 1;
        box-shadow: 0 8px 63px rgba(69, 86, 88, .15);
        display: block;
        }

        #lumesseJobsListWidget th {
        display: block;
        border: 0;
        padding: 0 0 20px;
        }

        #lumesseJobsListWidget th a{
        font-weight: bold !important;
        color: #000 !important;
        font-size: 20px;
        font-family: 'Roboto', sans-serif !important;
        letter-spacing: -1px;
        }

        #lumesseJobsListWidget th a:after {
        content: "";
        background: #c92e6f;
        width: 50px;
        height: 4px;
        border-radius: 2px;
        display: block;
        margin-top: 10px;
        }

        #lumesseJobsListWidget td {
        text-align: left;
        background: #f5f5f5;
        margin: 0 0 5px;
        border: 1px solid #e5e5e5 !important;
        padding: 10px;
        width: 100%;
        }

        .lumesse-pagination {
        float: none;
        }

        .lumesse-pagination .key-link {
        margin: 0 0 20px;
        }

    #more-details {
    margin: 0;
    }

    #more-details .event-box .content-title {
    width: 100%;
    }

    .directory-list a {
    text-decoration: none !important;
    }

    .events-search select,
    .events-search input[type=text] {
    margin: 0 0 15px;
    }

    .site-footer .footer-links {
    width: 100%;
    }

    .site-footer .footer-links li {
    display: block;
    padding: 5px 0 !important;
    border-right: 0;
    border-bottom: 1px solid #3a4655;
    text-align: left;
    width: 100%;
    }

    .single-events #slides {
    clip-path: none;
    }

    .single-events .header-search {
    display: none;
    }

    .provider-meta .category-label {
    margin: 0 0 5px;
    }

    .search-again {
    background: #395abf;
    }

        .provider-share .social-links {
        float: none;
        }

        .provider-share .social-links label {
        float: none !important;
        padding: 0 0 10px !important;
        }

        .single-meta .col-sm {
        margin-bottom: 10px;
        }
}


/*--------------------------------------------------------------
MOBILE - GLOBAL STYLING
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {


/**
/*--------------------------------------------------------------
GLOBALS
--------------------------------------------------------------*/

section {
padding: 20px 0;
}

.error404 .top-block {
margin: 0 !important;
padding: 30px 0;
}

.error404 .top-block h1 {
font-size: 80px;
}

.key-link {
width: 100%;
}

.slick-arrow {
opacity: 0 !important;
}

.home-suggestions {
display: none;
}

.pagination a {
width: 100%;
display: block;
margin: 0 0 15px;
}

    .image-slide > div {
    background-position: bottom right !important;
    background-size: 80% !important;
    }

.feedback-bar a p:after {
display: none;
}


    /* --- MODALS --- */

    .modal-launcher {
    top: 75%;
    width: 45px;
    height: 120px;
    }

    .modal-launcher h5 {
    line-height: 40px;
    padding-left: 20px;
    }

    .modal-footer {
    padding: 0;
    bottom: auto;
    }


/**
/*--------------------------------------------------------------
NAVIGATION STYLING
--------------------------------------------------------------*/

    /* --- CORE HEADER --- */

    .logo {
    width: 160px;
    height: auto;
    }

    .main-navigation {
    padding: 10px 0;
    }

    .menu-holder {
    top: 0;
    padding-top: 5px !important;
    }

    .header-search {
    padding: 10px 0 5px;
    flex: 0 0 100%;
    }

    .job-slider input[type=text] {
    margin-bottom: 15px;
    }

    .header-nav.active {
    background: linear-gradient(-145deg,#c52d6d,#bc2b68)
    }

    .sticky-header {
    position: relative !important;
    }


/**
/*--------------------------------------------------------------
HOMEPAGE
--------------------------------------------------------------*/

    /* --- OVERARCHING STYLING --- */

    .home #slides {
    height: 600px !important;
    margin-top: 0 !important;
    }

    .home #slides .slider-content {
    margin-top: -20px;
    }

        .header-search .search-button {
        top: 10px;
        }

    .slider-content img {
    max-width: 100%;
    margin: 0 0 5px;
    }

    .slider-content p {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 10px;
    }

    .nav-shadow {
    display: none;
    }

    .core-box-nav {
    padding: 15px;
    border: 0;
    }

        /* --- HOMEPAGE PILLS--- */

        .core-box-title {
        padding: 15px 0;
        min-height: auto;
        border-left: 1px solid #e5e5e5;
        background: #fff;
        }

        .nav-pills .active .core-box-title {
        border-right: 0;
        }

        .pill:first-child .core-box-title {
        border-radius: 0;
        }

        .core-box-title label {
        display: block;
        }

        .core-box-title:after {
        display: none;
        }

    .news-box {
    padding: 0 15px 30px;
    }

    .news-title h4 {
    font-size: 20px;
    line-height: normal;
    min-height: auto;
    }

    .news-box .image-block {
    min-height: 120px;
    }

    .slick-dots {
    display: block;
    bottom: 30px;
    z-index: 999;
    }

    /**
/*--------------------------------------------------------------
SEARCH
--------------------------------------------------------------*/
.gsc-control-cse {
    padding: 10px !important;
}



/**
/*--------------------------------------------------------------
PARENT PAGES
--------------------------------------------------------------*/

.top-block {
padding: 60px 0 0;
margin-top: -365px;
align-items: flex-start;
height: 100%;
}

    .top-block #primary {
    padding: 0 15px 15px;
    }

    .top-block .slider-content p {
    margin: 0 0 10px;
    }

    .suggestions {
    display: none;
    }

.pill-layout .core-box-nav {
padding: 0 15px 15px;
}

    .parent-pills {
    display: none;
    pointer-events: none;
    }

    #mobileSelect,
    #mobileSelectTwo {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 10px !important;
    background: #fff !important;
    height: 72px;
    box-shadow: 0 8px 63px rgba(69,86,88,.2);
    font-size: 18px;
    }

.core-box-content {
padding-left: 15px;
}

.pages-block {
padding: 0 0 30px;
margin: 0;
overflow: visible;
}

.pill-layout .core-overlay {
border-left: 1px solid #e5e5e5;
border-radius: 0;
}

.page-row {
padding: 10px 0;
}

    .core-overlay h4 {
    font-size: 18px;
    font-weight: 500;
    color: #c92e6f;
    margin: 0;
    }

    .core-box p {
    margin: 0;
    font-size: 14px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    }

    .core-overlay span {
    display: none;
    }

.pagination {
display: block;
float: none;
}

.pagination span {
padding: 0 0 30px;
}

.pill-layout .core-overlay.active {
    padding-top: 20px;
}


/**
/*--------------------------------------------------------------
EMOTIVE PAGES
--------------------------------------------------------------*/

.emotive-box-border {
min-height: auto;
}

.emotive-grid .news-box {
flex: 0 0 100% !important;
}

.emotive-slider {
height: auto !important;
margin-top: -100px !important;
-webkit-mask: none !important;
}

    .emotive-slider .slick-slide {
    padding: 120px 0 40px;
    }

.emotive-content-block {
padding: 0;
min-height: 100%;
}

.emotive-content-block h3 {
font-size: 32px !important;
line-height: normal !important;
margin: 0 0 15px !important;
text-align: left;
}

.emotive-content-block h4 {
font-size: 26px;
text-align: left;
}

.emotive-content-block .news-meta p {
text-align: left !important;
}

/* --- JOBS SPECIFIC CHANGES--- */

.job-search-block .header-search {
padding: 20px 0;
}

.job-search-block .header-search .search-button {
top: 20px !important;
}


.emotive-link {
margin-bottom: 20px;
}


    /* --- LIBRARY SPECIFIC CHANGES--- */

    .events .emotive-content-block,
    .events .h-100 {
    padding: 0;
    }

    .libraries .news-box {
    background: none !important;
    }

    .events .emotive-content-block .content-column {
    padding: 20px 0 40px !important;
    }

    .page-template-template-libraries-content .pages-block {
    margin: 0 !important;
    padding: 0 0 30px !important;
    }

    .primarylibraries {
    top: 10px;
    }

    .directory-content .short-link,
    .directory-content .emotive-link {
    top: 0;
    bottom: auto;
    }

    .key-link.emotive-link.tour {
	display: block !important;
    }

    .directory-content.lib {
    padding: 70px 0 0;
    }

    .libicons {
    width: 100%;
    }

    .emotive-content-block .content-column {
    padding: 40px 0;
    }

    .event-box {
    margin: 0 0 15px;
    text-align: left;
    }

    .event-box img {
    padding-right: 5px;
    max-height: 40px;
    }

    .event-box h4 {
    margin: 0;
    display: inline-block;
    }

/**
/*--------------------------------------------------------------
CONTENT PAGES
--------------------------------------------------------------*/

#content #secondary,
.page-template-template-builder #secondary {
position: sticky;
top: 20px;
height: fit-content;
z-index: 2;
}

    .long-content {
    padding: 0 0 15px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e5e5e5;
    }


    .long-content:last-of-type {
    border: 0;
    }

    .long-content .section-title {
    font-size: 24px;
    }

.page-details {
margin: 30px 0 0;
text-align: right;
}
    .page-details label {
    display: inline-block;
    }

    .page-details label:last-of-type {
    margin-left: 30px;
    }

#content .downloads-wrap,
#content-c .downloads-wrap {
border: 1px solid #e5e5e5;
margin: 0 0 20px;
}

    #content .downloads-wrap:last-of-type,
    #content-c .downloads-wrap:last-of-type {
    margin: 0;
    }

    #content .download-link,
    #content-c .download-link {
    border-left: 6px solid #c92e6f;
    border-bottom: 0;
    }

#secondary.mirror-div {
left: 60%;
}

#primary.mirror-div {
left: -40%;
}

    .content-page.directories.events {
    margin-top: auto !important;
    }

    .type-of-event {
    position: inherit;
    }

        .tab-content {
        padding: 15px;
        border-radius: 0 !important;
        }

        .page-header h1 {
        margin: 0;
        line-height: normal;
        }

        .page-header p {
        font-size: 18px;
        margin-bottom: 0px;
        line-height: normal;
        }

        .block-title {
        line-height: normal;
        font-size: 28px;
        }

        .alert .col-1 {
        display: none;
        }

        .alert p {
        display: block;
        padding-left: 15px;
        line-height: 24px;
        }

            .alert strong {
            padding: 0;
            }

        .leaflet-container {
        min-height: 120px;
        }

    #search-container {
    margin-top: -320px;
    }

    .gsc-webResult.gsc-result.gsc-promotion,
    .gsc-webResult.gsc-result,
    .gsc-results .gsc-imageResult {
    padding: 10px !important;
    }

    .gs-promotion::before {
    margin-bottom: 10px;
    }


/**
/*--------------------------------------------------------------
DIRECTORIES
--------------------------------------------------------------*/

.events-box h4 {
font-size: 22px;
displaY: block;
}

.events-box p {
line-height: normal;
font-size: 16px;
}

.events-content i {
margin: 0 0 10px 5px;
}

.events-content i:first-of-type {
margin: 0;
}

.events-content {
padding: 0;
}

.events-content .short-link {
position: relative;
margin-bottom: 15px;
}

.events-border {
margin-bottom: 15px;
}

.events-downloads p {
margin: 0 0 5px;
}

.tro-search input[type=text] {
margin-bottom: 10px;
}

/**
/*--------------------------------------------------------------
CONTACT US
--------------------------------------------------------------*/

.contact-table p {
font-size: 18px;
line-height: normal;
}

.contact-col ul {
padding: 0 !important;
}

.contact-col .tab-content {
box-shadow: none;
margin-top: 20px;
background: transparent;
padding: 0 !important;
border: 0;
}

.answer-block,
.contact-widget {
background: #fff;
}

.contact-widget .col-sm-11 {
padding-left: 60px;
}

.widget-icon {
position: absolute;
}


/**
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

/* --- FOOTER --- */

.site-footer {
padding: 0;
}

#footer-menu {
padding: 0 15px;
margin: 0;
}

#footer-menu:first-child {
display: none;
}

.footer-inner .social-menu {
display: none;
}

.footer-credits {
text-align: left;
padding: 20px 0;
}

    .footer-credits img {
    max-width: 80%;
    }

.goog-te-gadget-simple {
float: left !important;
padding-left: 0 !important;
}

.site-footer .footer-links {
text-align: left;
float: left;
}

.search-results h1 {
    padding-top: 230px !important;
}

}

@media screen and (max-width: 575px) {
.menu-holder {
    position: absolute;
}
}

@media screen and (max-width: 568px) {

    .icons .svg {
    max-height: 35px;
    max-width: 35px;
    margin: 5px 20px 0 5px;
    }
}



/*****************************************************************************************************************************
END OF MAIN STYLE SHEET
Additional testing styles below
*******************/