/* Minification failed. Returning unminified contents.
(1284,10): run-time error CSS1035: Expected colon, found '='
 */
 /*Support for auto-wrapping multi-column */
.column {
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	-webkit-column-rule: 1px solid #eee;
	-moz-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee;
    margin-bottom:2em;
    margin-top:1em;
}

.column-noBorder {
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.column-border-left {
	border-left: 1px solid #eee;
}

.column-border-row {
	border-bottom: 1px solid #eee;
}

.column-noBreak {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid; /* Theoretically FF 20+ */
	break-inside: avoid-column; /* IE 11 */
	display: table; /* Actually FF 20+ */
}

@media (max-width: 768px) {
	.column-xs-1 {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}

	.column-xs-2 {
		-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
	}

	.column-xs-3 {
		-webkit-columns: auto 3;
		-moz-columns: auto 3;
		columns: auto 3;
	}

	.column-xs-4 {
		-webkit-columns: auto 4;
		-moz-columns: auto 4;
		columns: auto 4;
	}

	.column-xs-5 {
		-webkit-columns: auto 5;
		-moz-columns: auto 5;
		columns: auto 5;
	}

	.column-xs-6 {
		-webkit-columns: auto 6;
		-moz-columns: auto 6;
		columns: auto 6;
	}

	.column-xs-7 {
		-webkit-columns: auto 7;
		-moz-columns: auto 7;
		columns: auto 7;
	}

	.column-xs-8 {
		-webkit-columns: auto 8;
		-moz-columns: auto 8;
		columns: auto 8;
	}

	.column-xs-9 {
		-webkit-columns: auto 9;
		-moz-columns: auto 9;
		columns: auto 9;
	}

	.column-xs-10 {
		-webkit-columns: auto 10;
		-moz-columns: auto 10;
		columns: auto 10;
	}

	.column-xs-11 {
		-webkit-columns: auto 11;
		-moz-columns: auto 11;
		columns: auto 11;
	}

	.column-xs-12 {
		-webkit-columns: auto 12;
		-moz-columns: auto 12;
		columns: auto 12;
	}
}

@media (min-width: 768px) {
	.column-sm-1 {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}

	.column-sm-2 {
		-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
	}

	.column-sm-3 {
		-webkit-columns: auto 3;
		-moz-columns: auto 3;
		columns: auto 3;
	}

	.column-sm-4 {
		-webkit-columns: auto 4;
		-moz-columns: auto 4;
		columns: auto 4;
	}

	.column-sm-5 {
		-webkit-columns: auto 5;
		-moz-columns: auto 5;
		columns: auto 5;
	}

	.column-sm-6 {
		-webkit-columns: auto 6;
		-moz-columns: auto 6;
		columns: auto 6;
	}

	.column-sm-7 {
		-webkit-columns: auto 7;
		-moz-columns: auto 7;
		columns: auto 7;
	}

	.column-sm-8 {
		-webkit-columns: auto 8;
		-moz-columns: auto 8;
		columns: auto 8;
	}

	.column-sm-9 {
		-webkit-columns: auto 9;
		-moz-columns: auto 9;
		columns: auto 9;
	}

	.column-sm-10 {
		-webkit-columns: auto 10;
		-moz-columns: auto 10;
		columns: auto 10;
	}

	.column-sm-11 {
		-webkit-columns: auto 11;
		-moz-columns: auto 11;
		columns: auto 11;
	}

	.column-sm-12 {
		-webkit-columns: auto 12;
		-moz-columns: auto 12;
		columns: auto 12;
	}
}

@media (min-width: 992px) {
	.column-md-1 {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}

	.column-md-2 {
		-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
	}

	.column-md-3 {
		-webkit-columns: auto 3;
		-moz-columns: auto 3;
		columns: auto 3;
	}

	.column-md-4 {
		-webkit-columns: auto 4;
		-moz-columns: auto 4;
		columns: auto 4;
	}

	.column-md-5 {
		-webkit-columns: auto 5;
		-moz-columns: auto 5;
		columns: auto 5;
	}

	.column-md-6 {
		-webkit-columns: auto 6;
		-moz-columns: auto 6;
		columns: auto 6;
	}

	.column-md-7 {
		-webkit-columns: auto 7;
		-moz-columns: auto 7;
		columns: auto 7;
	}

	.column-md-8 {
		-webkit-columns: auto 8;
		-moz-columns: auto 8;
		columns: auto 8;
	}

	.column-md-9 {
		-webkit-columns: auto 9;
		-moz-columns: auto 9;
		columns: auto 9;
	}

	.column-md-10 {
		-webkit-columns: auto 10;
		-moz-columns: auto 10;
		columns: auto 10;
	}

	.column-md-11 {
		-webkit-columns: auto 11;
		-moz-columns: auto 11;
		columns: auto 11;
	}

	.column-md-12 {
		-webkit-columns: auto 12;
		-moz-columns: auto 12;
		columns: auto 12;
	}
}

@media (min-width: 1200px) {
	.column-lg-1 {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}

	.column-lg-2 {
		-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
	}

	.column-lg-3 {
		-webkit-columns: auto 3;
		-moz-columns: auto 3;
		columns: auto 3;
	}

	.column-lg-4 {
		-webkit-columns: auto 4;
		-moz-columns: auto 4;
		columns: auto 4;
	}

	.column-lg-5 {
		-webkit-columns: auto 5;
		-moz-columns: auto 5;
		columns: auto 5;
	}

	.column-lg-6 {
		-webkit-columns: auto 6;
		-moz-columns: auto 6;
		columns: auto 6;
	}

	.column-lg-7 {
		-webkit-columns: auto 7;
		-moz-columns: auto 7;
		columns: auto 7;
	}

	.column-lg-8 {
		-webkit-columns: auto 8;
		-moz-columns: auto 8;
		columns: auto 8;
	}

	.column-lg-9 {
		-webkit-columns: auto 9;
		-moz-columns: auto 9;
		columns: auto 9;
	}

	.column-lg-10 {
		-webkit-columns: auto 10;
		-moz-columns: auto 10;
		columns: auto 10;
	}

	.column-lg-11 {
		-webkit-columns: auto 11;
		-moz-columns: auto 11;
		columns: auto 11;
	}

	.column-lg-12 {
		-webkit-columns: auto 12;
		-moz-columns: auto 12;
		columns: auto 12;
	}
}

html {
    scroll-behavior: smooth;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

h1 {
    display: block;
    margin: 10px 0 20px 0;
    border-bottom: 1px dotted #e4e9f0;
    font-size: 26px;
    line-height: 33px;
    padding-bottom: 3px;
    display: inline-block;
    border-bottom: 2px solid #3aafbc; /*ACLI Turquoise*/
}

h2 {
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 5px;
}

.related-content {
    font-size: 12px;
}

.title-v4 {
    margin-top: 15px;
}

h3 {
    font-size: 18px;
    line-height: 25px;
}


h4 {
    font-size: 15px;
    line-height: 25px;
}

h5 { /*font-size:13px; */
    line-height: 20px;
}

h6 { /*font-size:12px; font-weight:bold; */
  line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Open Sans", Arial, sans-serif;
}

    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        margin-right: 5px;
    }

/*Block Headline*/
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

    .headline h2 {
        font-size: 22px;
        text-decoration: none;
        font-weight: 300;
    }

    .headline h2,
    .headline h3,
    .headline h4 {
        margin: 0 0 -2px 0;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #3aafbc; /*ACLI Turquoise*/
        text-transform: none;
        font-weight: 100 !important;
        font-weight: lighter;
    }

.headline-md {
    margin-bottom: 15px;
}

    .headline-md h2 {
        font-size: 21px;
    }

.quicklinks {
    line-height: 120%;
    font-size: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

p {
    font-size: 1.1em;
}

.hero-unify p {
    font-size: 15px;
}

.hero-unify a {
    color: #0068b3;
}

.content ul, .content ol, .validation-summary-errors ul {
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 15px;
}

    .content ul li, .validation-summary-errors ul li {
        margin-left: -15px;
    }

        .content ul li ul, .content ol li ol {
            font-size: 1em;
        }


.lead {
    font-weight: 300;
    font-size: 1.4em;
}

.caption {
    line-height: 120%;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.title-v4 {
    margin-bottom: 15px;
    font-size: 17px;
}

/*This is for headers in news letters. See trs-report.html */
.title-v5 {
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
    background-color: #bdd9e6;
    line-height: 130%;
}

blockquote a {
    color: #0068b3;
}

.tag-box h2 {
    font-size: 15px;
}

.events {
    margin-left: 10px;
}

    .events ul {
        line-height: 200%;
        margin-left: 5px;
    }

        .events ul li {
            line-height: 120%;
            margin-top: 15px;
            font-size: 12px;
        }

            .events ul li a {
                line-height: 120%;
                font-size: 12px;
            }

    .events h5 {
        margin-left: -10px;
        text-transform: uppercase;
    }

.footer-v1 .footer h2 {
    color: #eee;
    font-size: 18px;
    font-weight: 200;
}

.footer-v3 .footer h2 {
    color: #eee;
    font-size: 18px;
    font-weight: 200;
}

.footer p {
    font-size: 1.0em;
    font-weight: 300;
}

    .footer p a {
        font-size: 1.0em;
        font-weight: 300;
        line-height: 140%;
    }

.footer .headline h2 {
    text-transform: none;
    line-height: 150%;
}

.footer .thumb-headline h2 {
    text-transform: none;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
}

    .footer .thumb-headline h2 a {
        color: #ffffff;
    }

.footer ul {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #999;
    text-transform: none;
    font-size: 1.0em;
}

    .footer ul li {
        color: #999;
        text-transform: none;
        line-height: 165%;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: normal;
    }

        .footer ul li h2 {
            margin-top: 0px;
            margin-bottom: 0px;
            color: #999;
            text-transform: none;
            font-size: 1.0em;
        }

.footer li {
    font-size: 1.1em;
}

.copyright p {
    font-size: 0.9em;
    font-weight: normal;
}

.news-v2 h3 {
    font-size: 1.5em;
}

.news-v2-desc h3 {
    border: none;
    line-height: 140%;
    font-size: 1.2em;
}


div.photo_container {
    max-width: 25em;
    height: auto;
    position: relative;
    margin: 1.563em auto;
}

    div.photo_container a {
        text-decoration: none;
        color: black;
        cursor: default;
        font-weight: normal;
    }

    div.photo_container span.tooltip-style {
        visibility: hidden;
        position: absolute;
        background: #006896;
        width: 17em;
        border: 0px solid #404040;
        cursor: default;
        color: #FFF;
        line-height: 150%;
        letter-spacing: 1px;
        font-size: 12px;
        font-weight: 300;
        margin-top: 0px;
        z-index: 1;
        padding: 20px;
    }

    div.photo_container:hover span.tooltip-style {
        visibility: visible;
    }

/*added 3/10/16 to make text line up with boxes at different device widths on public home page. Couldn't figure out how else to to it (placing text inside photo containers didn't work...
  added .remove-image so iPad will disappear in iPhone view etc... */

@media (max-width: 991px) {
    .margin-responsive {
        margin-left: 10px;
    }

    .remove-image {
        display: block;
    }
}

@media (max-width: 767px) {
    .margin-responsive {
        margin-left: 30px;
    }

    .remove-image {
        display: none;
    }
}


@media (max-width: 464px) {
    .margin-responsive {
        margin-left: 20px;
    }
}


@media (max-width: 400px) {
    .margin-responsive {
        margin-left: 40px;
    }
}

.contact-card {
    background: 5px 60px no-repeat;
}

.contact-card ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.contact-card li {
    color: #eee;
}

.contact-card a {
    color: #3aafbc;
}


i.custom-bigfont {
    font-size: 28px;
    line-height: 35px;
}

/* Margin and Paddding Classes*/
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}


.margin-bottom-neg-15 {
    margin-bottom: -15px
}
.padding-bottom-0 {
    padding-bottom: 0;
}
.padding-bottom-5 {
    padding-bottom: 5px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}


.margin-left-0 {
    margin-left: 0;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-25 {
    margin-left: 25px;
}
.margin-left-50 {
    margin-left: 50px;
}

.margin-left-neg-15 {
    margin-left: -15px;
}
.margin-left-neg-30 {
    margin-left: -30px;
}

.padding-left-0 {
    padding-left: 0;
}
.padding-left-5 {
    padding-left: 5px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-15 {
    padding-left: 15px;
}
.padding-left-20 {
    padding-left: 20px;
}
.padding-left-25 {
    padding-left: 25px;
}
.padding-left-50 {
    padding-left: 50px;
}


.margin-right-0 {
    margin-right: 0;
}
.margin-right-5 {
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-20 {
    margin-right: 20px;
}
.margin-right-25 {
    margin-right: 25px;
}
.margin-right-50 {
    margin-right: 50px;
}

.margin-right-neg-30 {
    margin-right: -30px;
}




.margin-right-10perc {
    margin-right: 10%;
}

.padding-right-0 {
    padding-right: 0;
}
.padding-right-5 {
    padding-right: 5px;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-right-20 {
    padding-right: 20px;
}
.padding-right-25 {
    padding-right: 25px;
}
.padding-right-50 {
    padding-right: 50px;
}

.margin-top-neg-5 {
    margin-top: -5px
}
.margin-top-neg-15 {
    margin-top: -15px
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-50 {
    margin-top: 50px;
}

.padding-top-0 {
    padding-top: 0;
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-15 {
    padding-top: 15px;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-top-25 {
    padding-top: 25px;
}
.padding-top-50 {
    padding-top: 50px;
}

.margin-padding-sides-0 {
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
}

.line-height-130 {
    line-height: 130%;
}

/*Center Bootstrap Columns (Odd)*/
.col-centered{
    float: none;
    margin: 0 auto;
}


/*Classes for promo cube*/
.promo-cube-title {
    line-height: 120%; 
    font-size: 15px;
    margin-bottom: 5px; 
    margin-top: 10px;
    margin-left: 5%; /*Align promo cube text with image*/
}

.promo-cube-figure {
    height: 100%;
}

.promo-cube-caption {
    color: White;
}

.promo-cube-caption-lm {
    color: #3aafbc; /*ACLI Turquoise*/
}

/* Tile Class*/
.tile-title {
    line-height: 100%;
    margin-bottom: 6px;
    text-transform: uppercase;
}

/* Class for Contact Card*/
.contact-card-no-title {
    visibility: hidden;
}

.contact-card-white {
    color: #ffffff;
}

/* Class for Infographic*/
.infographic-text {
    line-height:140%; 
    margin-bottom:6px; 
    margin-top:0px;
}

/* Classes for Accordion*/

.caret-style {
    float: right;
    margin: 10px 0 0 0;
    color: #006896; /*ACLI Wild Blue*/
}

.accordion-toggle .caret-style {
    float: right;
    margin: 10px 0 0 0;
    color: #006896; /*ACLI Wild Blue*/
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.accordion-toggle.collapsed .caret-style {
    float: right;
    margin: 10px 0 0 0;
    color: #006896; /*ACLI Wild Blue*/
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-bottom: 0;
}

.panel-title a.accordion-panel-color {
    background-color:#eaeaea; /*breadcrumbs gray*/
}

.panel-title-style {
    text-transform:uppercase; 
    color:#006896; /*ACLI Wild Blue*/
}

.panel-hidden {
    display:none;
}

/* Classes for Link List Component*/
.line-height-110 {
    line-height:110%;
}

.link-list-mainlink {
    line-height:120%;
    margin-bottom:20px;
}

.link-list-sublink {
    font-size:0.9em; 
    margin-top:0px; 
    margin-bottom:0px;
}

.link-list-color-blue {
    color:#006896; /*ACLI Wild Blue*/
}

/* Classes for Carousel Renderiing*/

.link-button-base {
    padding: 7px 16px; 
    font-size:20px; 
    font-weight:300;

    font-size:1.2em; 
    text-transform:uppercase; 
    letter-spacing:1px;
    line-height:150%; 
}

.link-button-slide-1 {
    top:445px; 
    left: 0px;
    slidedirection : bottom; 
    slideoutdirection : bottom; 
    durationin : 2000; 
    durationout : 500;  
    
}

.link-button-slide-2 {
    /*top:290px; 
    left: 380px; 
    slidedirection: right; 
    slideoutdirection: right; 
    durationin: 1000; 
    durationout: 500;  
    font-size: 1.2em; 
    text-transform:uppercase; 
    letter-spacing:1px; 
    line-height:150%; 
    delayin: 500;*/

    
    top:290px; 
    left: 380px; 
    slidedirection : right; 
    slideoutdirection : right; 
    durationin : 1000; 
    durationout : 500;  
    font-size:1.2em; 
    
    line-height:150%; 
    delayin : 500;
}

.link-button-slide-3 {
   top: 340px; 
   left: 40px; 
   slidedirection: bottom; 
   slideoutdirection: bottom; 
   durationin: 6500; 
   durationout: 3500;  
   font-size: 1.2em; 
   text-transform: uppercase; 
   letter-spacing: 1px;
}


.color-light-theme {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.7);
}

.color-dark-theme {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.7);
}

.slide-text-font-heading {
    font-size: 38px;
    font-family: 'Open Sans', sans-serif; 
    font-weight:400; 
    z-index: 10; 
    text-transform:none; 
    padding:5px 5px;
}

.slide-text-font {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif; 
    font-weight:400; 
    z-index: 10;  
    text-transform:none; 
    line-height:250%; 
    padding:9px 9px;
}

.slide-text-font-heading-2 {
    font-family: 'Open Sans', sans-serif; 
    z-index: 10; 
    font-size:35px;
    font-weight: 400; 
    padding:5px 5px;
}

.slide-text-font-2 {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif; 
    font-weight:400; 
    z-index: 10;  
    text-transform:none; 
    line-height:250%; 
    padding:9px 9px;
}

.slide-text-font-2 {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif; 
    font-weight:400; 
    z-index: 10;  
    text-transform:none; 
    line-height:250%; 
    padding:9px 9px;
}

.max-width-720 {
    max-width:720px;
}

.max-width-700 {
    max-width:700px;
}

.main-slider {
    width: 100%;
    height: 500px; 
    margin: 0px auto;
}

.slide-text-font-heading-3 {
    font-family: 'Open Sans', sans-serif; 
    z-index: 10; 
    font-weight: 400;
    line-height:170%;  
    padding:5px 5px;
    text-transform: uppercase;
    font-size:36px;
}

.slide-video-style {
    color: #000; 
    line-height:45px; 
    font-weight: 700; 
    font-size: 40px;
}

.slide-list-icon {
    color: #000; 
    font-size: 24px;
}

.slide-list-font {
    color: #000; 
    font-weight: 200; 
    font-size: 22px;
}

@media (min-width: 1025px) {
     
    #layerslider { display:block; }	 
     
}
 
 
@media (max-width: 1024px) {
 
    #layerslider { display:none; }
}

/* Used for Strategic Partners*/

.strat-partner-background {
    background-color:#eaeaea; /*breadcrumbs gray*/
}

.uppercase {
    text-transform: uppercase;
}

/* Used for Affiliates */

.affiliate-carousel {
    width: 11736px; 
    left: 0px; 
    display: block; 
    transform: translate3d(-3260px, 0px, 0px); 
    transition: all 800ms ease;
}

/*Bootstrap Vertical Align*/

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/*Font Size*/
.font-size-18 {
    font-size: 18px;
}

/*Used for event bar navigation*/

li a#eventbtn.btn-u {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   position: relative;
   background: #3aafbc; /*ACLI Turquoise*/
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;

   /*font-size: 18px;*/
   padding: 3px 12px;
   text-align: center;

   padding-right: 20px;
   padding-left: 4px;
}

span.eventbtntext {
    color="#FFFFFF"; 
    font-size:1.1em; 
    margin-left:15px; 
    margin-top:15px;
}

.navlistitem {
    line-height:140%; 
    margin-top:8px;
}

.navlisttext {
    color:#999; 
    text-transform:none;
}



/*Used for Contact Card gutter*/

.contact-card-gutter {
    margin-top:-80px; 
    background-color:#ffffff;
}



/*THIS IS SOME PRETTY BADLY ORGANIZED CSS FROM THE HOME PAGE MOCKUP IT WILL NEED TO BE EDITED/MOVED*/
/* Modal */
a:hover { text-decoration:none; }

.modal,
.modal-open {

    z-index: 9999;

}

.modal-dialog {

    z-index: 99999;

}

.eventime_modal .modal-content {

    box-shadow: none;

    border-radius: 0 !important;

}

.eventime_modal .modal-header .close {

    font-size: 40px;

    margin-top: -10px;

}

.eventime_modal .modal-title {

    text-transform: uppercase;

    font-size: 30px;

    font-weight: 800;

}

.eventime_modal .contact_icon {

    width: 51px;

    height: 51px;

    padding-top: 10px;

    float: left;

}

.eventime_modal img {

    width: 100%;

    height: auto;

}

.eventime_modal .img_half {

    width: 49.6%;

    height: auto;

    display: inline;

}

.modal-open .navbar-fixed-top,

.modal-open .navbar-fixed-bottom {

    padding-right: 15px;

}




/*! Preloader */

#preloader {

    position: fixed;

    z-index: 9999999999;

    width: 100%;

    height: 100%;

    overflow: hidden;

    text-align: center;

    display: table;

}

.pre_container {

    display: table-cell;

    vertical-align: middle;

}

.loader,

.loader:before,

.loader:after {

    background: #FFF;

    -webkit-animation: load1 1s infinite ease-in-out;

    animation: load1 1s infinite ease-in-out;

    width: 1em;

    height: 4em;

}

.loader:before,

.loader:after {

    position: absolute;

    top: 0;

    content: '';

}

.loader:before {

    left: -1.5em;

}

.loader {

    text-indent: -9999em;

    margin: 8em auto;

    position: relative;

    font-size: 11px;

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}

.loader:after {

    left: 1.5em;

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}

@-webkit-keyframes load1 {

    0%, 80%, 100% {

        box-shadow: 0 0 #FFF;

        height: 4em;

    }

    40% {

        box-shadow: 0 -2em #ffffff;

        height: 5em;

    }

}

@keyframes load1 {

    0%, 80%, 100% {

        box-shadow: 0 0 #FFF;

        height: 4em;

    }

    40% {

        box-shadow: 0 -2em #ffffff;

        height: 5em;

    }

}



/*
.speakers {

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

    min-height: 650px;

}

.speakers .mask {

    padding-top: 30px;

}

.fetured_speaker_photo {

    width: 50%;

    min-height: 300px;

}

.speakers_row {

    height: 400px;

    display: table;

}

.speakers_description {

    width: 100%;

    padding-left: 9%;

    padding-right: 10%;

    display: inline;

    float: right;

}

.speakers_description h3 {

    margin-bottom: 0;

}

.speakers_description p {

    margin-top: 10px;

}

.speakers_image {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    width: 100%;

    height: 100%;

    float: left;

}

*/


.photo_carousel {

    position: relative;

    margin: 0 auto;

  /*  padding: 1em 0 4em; */
  
  padding:0px;

    list-style: none;

    text-align: center;

}

/* Common style */

.photo_carousel_container {

    margin: 0 auto;

    display: block;

    text-align: center;

    width: 100%;

}

.photo_carousel_ind,

.photo_carousel_ind.active {

    width: 18px;

    height: 18px;

    border-width: 3px;

    border-style: solid;

    margin: 0 10px;

    display: inline-block;

    background: none;

}

.photo_carousel .carousel-indicators {
    bottom: 0;
}

/*

.right_arrow,

.left_arrow {

    position: absolute;

    top: 40%;

}

.left_arrow {

    left: 3%;

}

.right_arrow {

    right: 3%;

}

.right_arrow svg,

.left_arrow svg {

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}
*/

.photo_carousel figure {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 10px 1%;

    height: 100%;

    width: 100%;

    text-align: left;

    cursor: pointer;

    margin-left: 0%;

    margin-right: 0%;

    overflow: hidden;

}

.photo_carousel figure img {

    position: relative;

    display: block;

    width: 100%;

    opacity: 0.8;

}

.photo_carousel figure figcaption {

    padding: 1em;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.photo_carousel figure figcaption::before,

.photo_carousel figure figcaption::after {

    pointer-events: none;

}

.photo_carousel figure figcaption,

.photo_carousel figure figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.photo_carousel figure figcaption > a {

    z-index: 1000;

  /*  text-indent: 200%; */

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

    text-align: left;

}

.photo_carousel figure h2 {

    word-spacing: -0.15em;

    font-weight: 300;

    line-height: 25px;

    font-size: 25px;

    text-transform: uppercase;

    padding-top: 5px;
    
    color:#FFF;

}

.photo_carousel figure h2 span {

    font-weight: 800;

}

.photo_carousel figure h2,

.photo_carousel figure p {

    margin: 0; 
    
    padding:2px;
    
    color:#FFF;
    
    text-align:left;

}

.photo_carousel figure p {

  /*  letter-spacing: 1px;  */

    font-size: 100%;

}

figure.eventime_img img {

    opacity: 0.9;

    -webkit-transition: opacity 0.35s;

    transition: opacity 0.35s;

}

figure.eventime_img figcaption {

    padding: 1em;

    background-color: rgba(0, 0, 0, 0);

    -webkit-transition: background-color 0.35s;

    transition: background-color 0.35s;

}

figure.eventime_img figcaption::before {

    position: absolute;

    top: 20px;

    right: 10px;

    bottom: 20px;

    left: 10px;

    border-style: solid;

    border-width: 0;

    content: '';

}

figure.eventime_img h2 {

    opacity: 0;

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}

figure.eventime_img figcaption::before,

figure.eventime_img p {

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: scale(0);

    transform: scale(0);

}

figure.eventime_img:hover h2 {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

figure.eventime_img:hover figcaption::before,

figure.eventime_img:hover p {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

figure.eventime_img:hover figcaption {

    background-color: rgba(0, 0, 0, 0.7);

}

figure.eventime_img:hover img {

    opacity: 0.4;

}
    
    
    




/*-------- Media -------- */

@media (min-width: 1221px) {

    .eventime_modal .modal-dialog.img-dialog {

        width: 70%;

    }

}

@media (max-width: 1220px) {

    .eventime_modal .modal-dialog.img-dialog {

        width: 85%;

    }

}





.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}





 /*END OF MOCKUP CSS....ONCE AGAIN WE WILL MOVE*/

 body.edit-mode header.edit-mode {
    background-color: Black;
    color: White;
}

.header .acliLogo img {
    padding-bottom: 20px;
    margin-bottom: 50px;
    margin-left: 0;
}

div.subHead {
    padding: 10px 0;
}

    div.subHead > a {
        border-bottom: 0 !important;
    }

        div.subHead > a > span, span.navHead {
            font-size: 1.1em !important;
            text-transform: uppercase;
            line-height: 120%;
        }

li.navSubhead {
    margin-bottom: 3px;
    margin-top: 20px;
    line-height: 120%;
}

    li.navSubhead > a > span {
        font-size: 1.1em !important;
        text-transform: uppercase;
    }

.margin-top-0 {
    margin-top: 0 !important;
}

.col-adjust {
    padding-left: 0;
}

.footer-v1 .marginBreak {
    margin-top: -70px;
}

.footer-v3 .footer ul.list-unstyled.simple-list li h2 {
    color: #999;
    font-size: 1.0em;
}

    .footer-v3 .footer ul.list-unstyled.simple-list li h2 a {
        color: #999;
    }

.footer .thumb-headline h2 a.staffIntranet {
    color: #E8BF17 !important; /*ACLI Yellow*/
}

.margin-top-neg15 {
    margin-top: -15px;
}

.margin-top-neg20 {
    margin-top: -20px;
}

li.subCommitteeItem a {
    font-size: 0.85em !important;
}

.loginbar {
    text-transform: uppercase;
    white-space: nowrap;
}

    .loginbar li.welcome {
        text-transform: none;
        font-size: 0.84em;
    }

    .loginbar ul.hoverSelectorBlock li {
        line-height: 120%;
        margin-bottom: 7px;
    }

    .loginbar .logout {
        font-weight: bold;
        color: #da3144 !important;
    }

.breadcrumb.controlBar > li+li:before {
    content: none;
    padding: 0;
}

.noClear {
    clear: none !important;
}

.text-lowercase {
    text-transform: lowercase;
}

.noBorder {
    border: none !important;
}

.sky-form .note > label {
    font-weight: normal !important;
}

.validation-summary-errors > span {
    font-size: 1.1em;
}

.border-bottom-2 {
    border-bottom: 2px solid black;
    padding-bottom: 5px;
}

img.social-icon {
    height: 45px;
    width: 45px;
    margin-right: 3px;
}

img.social-icon-margin {
    height: 45px;
    width: 45px;
}

.validation-summary-errors, .validation-summary-errors ul, .validation-summary-errors ul li {
    color: #a94442 !important;
}

.generalText a{
    color: #006896; /*ACLI Wild Blue*/
}

.generalText a.btn-u {
    color: white;
}

.generalText ul{
   list-style:disc;
}

/**** ACLI Document Styles */
 .docpgprops > div {
    padding-left: 50px;
}

.docpgprops .s {
    font-weight: bold;
    padding-right: 10px;
}

.docpgprops a {
    padding-left: 10px;
        
}

#pgeditor-container {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 20px;
}

.ACLIBody {
    font-family: Verdana , Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
    width: 99%;
}

/***   Ribbon  Style */

.scButtonIconImage {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.scButton:hover, .scButton:active {
    background-color: #e3e3e3;
}
.scButtonHeader {
    display: inline-block;
    line-height: 36px;
}
a.scButton {
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    overflow: visible;
    display: inline-block;
    margin: 15px 0 30px 10px;
}
.scButton {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 80px;
    text-shadow: none;
    margin-left: 10px;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px #ffffff;
    box-shadow: inset 0 1px #ffffff;
    text-shadow: none;
    background-color: #d9d9d9;
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #d9d9d9 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.requiredBorder {
    border-color: Red !important;
}

.alert-danger h3, .alert-danger p, .alert-danger a {
    color: #a94442;
}

.alert-danger a, .alert-danger a:hover {
    text-decoration: underline;
}

.divider {
    border-bottom: 1px solid black;
}

.meetingForm {
    margin: 0 0 10px 0;
}

    .meetingForm .panel-body {
        margin: 0;
        padding: 0;
        line-height: 100%;
    }

        .meetingForm .panel-body .form-group {
            margin-top: -6px;
            padding: 0px;
            line-height: 100%;
        }

    .meetingForm .btnSubmit {
        background-color: inherit;
        color: #3aafbc; /*ACLI Turquoise*/
    }

    .meetingForm .btnAddToCalendar {
        padding-left: 0px;
        margin-left: -1px;
        margin-top: -4px;
        line-height: 100%;
        font-size: 0.9em;
    }

.line-height-100 {
    line-height: 100%;
}

.line-height-70 {
    line-height: 70%;
}

.meetingDetail {
    font-size: 1.1em;
}

    .meetingDetail .row {
        margin-bottom: 10px;
    }

        .meetingDetail .row.subRow {
            margin-bottom: 0;
        }

.meetingList a.callType {
    color: #84be41; /*ACLI Green*/
    text-decoration: none;
}

.meetingList a.mtgType {
    color: #0068b3;
    text-decoration: none;
}

.meetingList a.callType:hover, .meetingList a.mtgType:hover {
    text-decoration: underline;
}

/* Inline CSS from the Event Event Details Page. Consider making own file*/


ol, ul {
    list-style: none;
}


ul.unordered{
    margin:10px 0 10px 20px;
    list-style-type:disc;
}
ol{
    margin:10px 0 10px 30px;
    list-style-type: decimal;
}
ul.unordered ul, ol ul{
    margin:10px 0 10px 20px;
}
ul.unordered ul{
    list-style-type:circle;
}
dl{
    margin:10px 0;
}
dl dt{
    font-weight:700;
}



.cursive{
    font-family: 'Volkhov', serif;
    font-style:italic;
    text-transform:none;
    font-weight:400;
    letter-spacing:0;
}



/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
.featured-event-container{
    position:relative;
    background-color: #F8F7F3;
    margin:0;
    padding:15px;
}
.featured-event-container h4{
    margin-top:10px;
}
.featured-event-container p:last-child{
    margin-bottom:0;
}
.featured-event-container h4 a{
    text-decoration:none;
}

.sidebar-widget-title .featured-star{
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    display:inline-block;
    margin-top:9px;
    margin-right:5px;
    float:left;
    font-size:10px;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}



.featured-event-time{
    position:static;
    z-index:9;
    right:10px;
    top:-40px;
    width:80px;
    height:80px;
    padding:18px 0 0;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:3px solid #F8F7F3;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    float:right;
}
.featured-event-time .date{
    display:block;
    font-size:24px;
}
.featured-event-time .month{
    display:block;
    font-size:12px;
    opacity:.8;
}


.event-date{
    width:100%;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform:uppercase;
    color:#333333;
    text-align:center;
    padding:5px 0 0 0;
}
.event-date .date{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:34px;
    font-style:normal;
    font-weight:700;
    /*margin-bottom:0;*/
    display:block;
    margin-top:2px;
}
.event-date .month, .event-date .year{
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    color:#999999;
    display:block;
    margin-top:4px;
}
.event-date .year{
    font-size:11px;
    margin-top:0;
    margin-bottom:2px;
}
.event-item .event-date{
    width:6%;
    float:left;
    margin-right:4%;
}
.event-item .event-detail{
    float:left;
    width:70%;
    margin-right:3%
}
.event-item .to-event-url{
    float:left;
    width:17%;
    text-align:right;
    display:table;
    vertical-align:middle;
}
.event-item .to-event-url div{
    display:table-cell;
    vertical-align:middle;
}
.event-item .event-detail h4{
    font-family: 'Roboto', sans-serif;
    text-transform:none;
    font-weight:400;
    letter-spacing:0;
    margin-bottom:0;
}
.event-item .event-detail h4 a{
    text-decoration:none;
}
.post-listing .post{
    padding:20px 0 10px 0;
}
.post-listing .media-box{
    margin-bottom:10px;
}
.post-listing .post-title{
    margin-bottom:12px;
}








/* Widgets */
.widget{
    margin-bottom:30px;
}
.search-form-widget{
    margin-top:10px;
}
.widget .sidebar-widget-title h3{
    border-bottom:1px solid #eceae4;
    margin-bottom:0;
    padding-bottom:15px;
}
.widget .sidebar-widget-title{
    border-bottom:4px solid #f8f7f3;
    margin-bottom:20px;
}
.widget h4.footer-widget-title{
    border-bottom:1px solid #eceae4;
    padding-bottom:10px;
    margin-bottom:20px;
}
.widget ul > li{
    border-bottom:1px solid #eceae4;
    padding:10px 0;
    color:#999999;
}

.widget ul > li a{
    display:inline-block;
    text-decoration:none;
}
.widget ul > li a i{
    margin-right:5px;
}
.widget ul > li:first-child{
    padding-top:0;
}
.widget ul > li a:hover{
    text-decoration:none;
}
.widget .event-item .event-date{
    width:15%;
}
.widget.post-listing h2.post-title, .widget.sermons-listing h2.sermon-title{
    font-size:14px;
    margin-bottom:0;
}
.tag-cloud a{
    display:inline-block;
    margin-right:7px;
    margin-bottom:7px;
    padding:2px 8px;
    border:1px solid #eceae4;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#f8f7f3;
    font-size:12px;
    text-decoration:none;
}
.tag-cloud a:hover{
    text-decoration:none;
}
.widget-recent-posts .post-image{
    width:30%;
    float:left;
    margin-right:5%;
}
.widget-recent-posts .widget-blog-content{
    float:left;
    width:65%;
}
.widget-recent-posts .fa-angle-right{
    display:none;
}
.widget-recent-posts .fa-plus{
    margin-right:0;
}
.widget-recent-posts ul li a{
    padding:12px 0;
    text-decoration:none;
}
.widget-recent-posts ul li:first-child a{
    padding-top:8px;
}
.widget_recent_comments .fa-angle-right{
    display:none;
}
.widget .twitter-widget li{
    font-size:16px;
    line-height:28px;
    border:0;
    padding:0;
}
.widget-gallery ul{
    margin-left:-3%;
}
.widget-gallery ul li{
    float:left;
    width:30%;
    margin-left:3%;
    margin-bottom:20px;
    border-bottom:0;
    padding:0;
}
.widget-gallery ul li i{
    display:none;
}

.committeeSearchDivider {
    padding-left: 0px;
    border-right: #666;
    border-right-style: dashed;
    border-right-width: 1px;
}

.iMISSearchResult {
    padding: 5px;
    min-height: 50px;
}

    .iMISSearchResult a {
        color: #006896 !important; /*ACLI Wild Blue*/
    }

        .iMISSearchResult a:hover {
            color: #3aafbc !important; /*ACLI Turquoise*/
            text-decoration: underline;
        }

.font-bump {
    font-size: 1.1em;
}

.docNotes {
    background-color: #c0d4e2;
}

.nav.nav-tabs li {
    margin-left: inherit;
    padding: 0 1px;
}

.nav.nav-tabs li > a {
    color: #ffffff;
    background-color: #006896; /*ACLI Wild Blue*/
    border: 1px solid #2e6da4;
    cursor: pointer;
    text-transform: uppercase;
}

.nav.nav-tabs li.active > a {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
    text-transform: uppercase;
}

.acliName {
    color: #333;
    font-weight: bold;
}

.purchase {
    background: url(/assets/img/patterns/breadcrumbs.png) repeat;
}

/*Rich Text List Styling*/
.content ul ul {
    font-size: 1em;
}

.content ul ul li{
    font-size: .9em;
}

.content ul ul{
    list-style: circle;
    margin-bottom: 0px;
}

.content ul li a{
    color:#006896; /*ACLI Wild Blue*/
}

.content ul li a:active{
    color:#3aafbc; /*ACLI Turquoise*/
}

.content ul li a:active{
    color:#3aafbc; /*ACLI Turquoise*/
}

.content ul li a:hover{
    color:#3aafbc; /*ACLI Turquoise*/
}

.content ul li a:visited{
    color:#3aafbc; /*ACLI Turquoise*/
}

a.social-icon {
    text-decoration: none;
    border: 0px;
    width: 45px;
    height: 45px;
    padding: 2px;
    margin: 3px;
    color: #ffffff !important;
    border-radius: 0px;
    background-color: #3aafbc; /*ACLI Turquoise*/
    display: inline-block;
}

/*Media device settings */

/*@media (max-width: 450px) {
    .header .logo img {
        width: 200px;
    }
}

@media (min-width: 451px) and (max-width: 575px) {
    .header .logo img {
        width: 300px;
    }
}

@media (min-width: 576px) and (max-width: 875px) {
    .header .logo img {
        width: 400px;
    }
}
*/
@media (max-width:399px) {
	.slider-display {
		display: none;
	}
}

@media (max-width: 400px) {
	.slider-inner {
		display: block;
	}

	.panel {
		width: 85%;
		margin: 0 auto;
	}

	.photo_carousel_container {
		width: 80%;
		margin: 0 auto;
	}

	.eventime_button {
		margin: 0 auto;
	}

	#sh_carousel .carousel-indicators {
		text-align: center;
		width: 85%;
	}

	figure.eventime_img figcaption {
		padding: 2em;
	}

	.photo_carousel figure h2 {
		padding-top: 30px;
	}
}

@media (max-width: 600px) {
	.photo_carousel figure {
		height: auto;
	}

		.photo_carousel figure h2 {
			padding-top: 110px;
		}

		.photo_carousel figure p {
			display: none;
		}

	figure.eventime_img figcaption::before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: none;
	}
}


@media (min-width: 767px) and (max-width: 991px) {
	.header .navbar-toggle {
		margin-right: 0;
	}

	.header .nav .search-open {
		width: 93%;
	}
}

@media (max-width: 768px) {
	.header > .container {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.header .nav > li > .search {
		color: #999;
		width: 35px;
		height: 34px;
		text-align: left;
		background: #eee;
		line-height: 12px;
		text-align: center;
		margin: 5px 10px 0;
		border-bottom: none;
	}

	.header .nav > li > .search:hover {
		background: #3aafbc; /*ACLI Turquoise*/
		color: #fff !important;
	}

	.header .nav .search-open {
		top: 5px;
		padding: 0;
		left: 48px;
		border-top: none;
		box-shadow: none;
		background: none; 
		margin-right: 10px;
	}

    /*Equal Height List Style*/
    .header .mega-menu .equal-height-list h3 { 
		color: #555;
		margin: 0 0 5px;
		font-size: 13px; 
		font-weight: 400; 
		padding: 6px 25px 5px; 
		border-bottom: solid 1px #eee;
	}

	.header .mega-menu .equal-height-list li a {
		color: #687074;
		display: block;
		font-size: 13px; 
		font-weight: 400; 
		margin-left: 15px;
		padding: 6px 25px; 
		border-bottom: solid 1px #eee;
	}

	.header .mega-menu .equal-height-list > h3.active,
	.header .mega-menu .equal-height-list > .active > a,
	.header .mega-menu .equal-height-list > .active > a:hover,
	.header .mega-menu .equal-height-list > .active > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}

	.header .mega-menu .equal-height-list li a:hover {
		color: #333;
		text-decoration: none;
	}

  	.header .navbar-collapse,
	.header .navbar-collapse .container {
		padding-left: 0;
		padding-right: 0;
	}

	.header .navbar-toggle {
		margin-right: 0;
	}

	.header .topbar {
		margin-bottom: 20px;
	}

	.header > .container {
		margin-bottom: 0;
	}

	.header .dropdown-submenu > .dropdown-menu {  
		display: block;
		margin-left: 15px;
	}

  	.header .dropdown-submenu > a:after {
      	content: " ";
  	}

	/*Responsive code for max-width: 991px*/
    .header .navbar-header {
        float: none;
    }
    
    .header .navbar-toggle {
        display: block;
    }
    
    .header .navbar-collapse.collapse {
        display: none !important;
    }
    
    .header .navbar-collapse.collapse.in {
        display: block !important;
  		overflow-y: auto !important;
    }
    
    .header .navbar-nav {
        margin: 0 0 5px;
        float: none !important;
    }

    .header .navbar-nav > li {
        float: none;
    }
    
    .header .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    /*Pull Right*/
    .header .dropdown-menu.pull-right {
		float: none !important;
	}

	/*Dropdown Menu Slide Down Effect*/
	.header .navbar-nav .open .dropdown-menu {
		border: 0;
		float: none;
		width: auto;
		margin-top: 0;
		position: static;
		box-shadow: none;
		background-color: transparent;
	}

	.header .navbar-nav .open > a,
	.header .navbar-nav .open > a:hover,
	.header .navbar-nav .open > a:focus {
		border-bottom-color: #eee;
	}

	.header .navbar-nav .open .dropdown-menu > li > a,
	.header .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	
	.header .navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	
	.header .navbar-nav .open .dropdown-menu > li > a:hover,
	.header .navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}

	.header .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}

	.header .navbar-nav .open .dropdown-menu > li > a:hover,
	.header .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
		background-color: transparent;
	}
	
	.header .navbar-nav .open .dropdown-menu > .active > a,
	.header .navbar-nav .open .dropdown-menu > .active > a:hover,
	.header .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	
	.header .navbar-nav .open .dropdown-menu > .disabled > a,
	.header .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.header .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

	.header .dropdown-menu.no-bottom-space {
		padding-bottom: 0;
	}  	

	/*Design for max-width: 991px*/
	.header .navbar-nav > li > a {
		font-size: 14px;
		padding: 9px 10px;
	}

	.header .navbar-nav > li a {
		border-bottom: solid 1px #eee;
	}	

	.header .navbar-nav > li > a:focus {
		background: none;
	}

	.header .navbar-nav > li > a:hover {
		color: #3aafbc; /*ACLI Turquoise*/
	}

	.header .navbar-nav > .active > a,
	.header .navbar-nav > .active > a:hover,
	.header .navbar-nav > .active > a:focus {
		background: #3aafbc; /*ACLI Turquoise*/
		color: #fff !important;	
	}

	.header .dropdown .dropdown-submenu > a { 
		font-size: 13px;
		color: #555 !important;
		text-transform: uppercase;
	}

	/*Header*/
	.header-fixed .header,
	.header-fixed .header.header-fixed-shrink {
		height: inherit;
		position: relative;
	}
}



@media (min-width: 992px) {
	/*Container*/
	.header-fixed .header.header-fixed-shrink > .container {
		margin-bottom: -46px;
	}

	/*Logo*/
	.header-fixed .header.header-fixed-shrink .logo img {
		max-width: 105px;
		margin: 45px 0 -4px;
	}

	/*Navbar Nav*/
	.header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
		padding-top: 19px;
		padding-bottom: 19px;
	}

	.header-fixed .header.header-fixed-shrink .navbar-nav > li > a:hover,
	.header-fixed .header.header-fixed-shrink .navbar-nav > .active > a {
		border-bottom: none;
	}

	/*Dropdown*/
	.header-fixed .header.header-fixed-shrink .dropdown > a:after {
		top: 20px;
	}

	/*Search*/
	.header-fixed .header.header-fixed-shrink .nav > li > .search {
		color: #777;
		padding: 20px 0 22px;
		background: inherit;
		border-bottom: none;
	}

	.header-fixed .header.header-fixed-shrink .nav .search-open {
		top: 60px;
	}

	/*Navbar Collapse*/
	.header .navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.header .container > .navbar-header, 
	.header .container-fluid > .navbar-header, 
	.header .container > .navbar-collapse, 
	.header .container-fluid > .navbar-collapse {
		margin-bottom: -10px;
	}

	.header .navbar-nav {
		position: relative;
	}

	.header .navbar-nav > li > a {
		bottom: -2px;
		position: relative;
		padding: 9px 30px 9px 20px;
	}

	.header .navbar-nav > li > a,
	.header .navbar-nav > li > a:focus {	
		border-bottom: solid 2px transparent;
	}

	.header .navbar-nav > li > a:hover,
	.header .navbar-nav > .active > a {
		bottom: -2px;
		position: relative;
		border-bottom: solid 2px #3aafbc; /*ACLI Turquoise*/
	}
	
	.header .navbar-nav > li > a,
	.header .navbar-nav > li > a:hover,
	.header .navbar-nav > li > a:focus,	
	.header .navbar-nav > .active > a, 
	.header .navbar-nav > .active > a:hover, 
	.header .navbar-nav > .active > a:focus {
		background: none;
	}

	.header .navbar-nav > .open > a,
	.header .navbar-nav > .open > a:hover,
	.header .navbar-nav > .open > a:focus {
		color: #3aafbc; /*ACLI Turquoise*/
	}

	.header .navbar-nav > li:hover > a {
        color: #3aafbc; /*ACLI Turquoise*/
    }

	/*Dropdown Menu*/
	.header .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 200px;
		border-radius: 0; 
		z-index: 9999 !important;
		border-top: solid 2px #3aafbc; /*ACLI Turquoise*/
		border-bottom: solid 2px #687074; 
	}

	.header .dropdown-menu li a { 
		color: #687074; 
		font-size: 13px; 
		font-weight: 400; 
		padding: 6px 15px; 
		border-bottom: solid 1px #eee;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #687074;
		filter: none !important;
		background: #eee !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.header .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

	.header .navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
	}	

	.header .open > .dropdown-menu {
		display: none;
	}

	/*Search*/
	.header .navbar-nav .search-open {
		width: 330px;
	}

	/*Mega Menu for Two Columns*/
	.header .mega-menu .mega-menu-content.content-two-col {
	    min-width: 596px;
	}

	/*Mega Menu for Three Columns*/
	.header .mega-menu .mega-menu-content.content-three-col {
	    min-width: 864px;
	}

	.eventime_modal .btn {
		width: 90%;
		margin: 10px auto;
		float: left;
	}

	.eventime_modal .modal-dialog.img-dialog {
	}

	.description h2 {
		font-size: 40px;
	}

	.details {
		width: 80%;
		margin: 0 auto;
	}

	.tabs_about .mask {
		min-height: 950px;
	}

	.tabs_about li,
	#sh_carousel .carousel-indicators div {
		margin-bottom: 10px;
	}

	.photo_carousel figure {
		width: 90%;
		margin: 10px 5%;
	}

	.centred {
		width: 100%;
		display: block;
	}

	.firstrow {
		display: block;
		height: auto;
	}

	.centred > .first_line {
		width: 8%;
	}

	.centred > .first_title {
		padding-left: 1%;
	}

	.centred > .first_description {
		padding-left: 9%;
	}

	.first_image {
		display: block;
		height: 400px;
	}

	.header .mega-menu .equal-height {
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	}

	.header .mega-menu .equal-height-in {
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	}

    .header .mega-menu .equal-height-in {
        padding: 20px 0;
        border-left: 1px solid #eee;
    }

    .header .mega-menu .equal-height-in:first-child {
        border-left: none;
        margin-left: -1px;
    }

    .header .mega-menu .equal-height-list {
    	width: 100%;
    }

    .header .mega-menu .equal-height-list li a {
        display: block;
        margin-bottom: 1px;
        position: relative;
        border-bottom: none;
        padding: 5px 10px 5px 15px;
    }

    .header .mega-menu .equal-height-list a:hover {
    	text-decoration: none;
    }
    
    /*Dropdown Arrow Icons*/
    .header .mega-menu .mega-menu-content li a {
    	padding: 5px 10px 5px 30px;
    }

    .header .mega-menu .mega-menu-content li a:after {
        top: 7px;
        left: 15px;
        font-size: 11px;
        content: "\f105";
        position: absolute;
        font-weight: normal;
        display: inline-block;
        font-family: FontAwesome;
    }

    /*Dropdown Arrow Icons Disable class*/
    .header .mega-menu .disable-icons li a {
    	padding: 5px 10px 5px 15px;
    }

    .header .mega-menu .disable-icons li a:after {
    	display: none;
    }

	.header .navbar-nav {
		float: right;
	}	

	.header .nav > li > .search {
		bottom: -2px;
		position: relative;
	}
}



@media (max-width: 1024px) {
	.tooltip1, .tooltip2, .tooltip3, .tooltip4 {
		display: none;
	}

    
}

@media (max-width: 1198px) {
	.responsive {
		font-size: 0.8em;
		line-height: 15px;
	}
}


@media (max-width: 1199px) {

	.tooltip3 {
		left: 0em;
	}

	.tooltip1 {
		left: -5.3em;
	}

	.tooltip2 {
		left: -10.5em;
	}

	.tooltip4 {
		left: -6.1em;
	}
}

@media (max-width: 1199px) {
	.responsive {
		font-size: 0.8em;
	}

	.responsive2 {
		font-size: 9px;
	}
}

@media (min-width: 1200px) {
	.responsive2 {
		font-size: 11px;
	}

	.tooltip3 {
		left: 0em;
	}

	.tooltip1 {
		left: -4.2em;
	}

	.tooltip2 {
		left: -8.7em;
	}

	.tooltip4 {
		left: -3.2em;
	}
}


/*
    iPad in portrait & landscape
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*
iPad in landscape
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}


/*
    iPad in portrait
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }




/*
    iPhone 6 PLUS and smaller PORTRAIT
*/
@media only screen 
    and (max-width : 414px)
 {
    .acliName {
        display: none;
    }

    /* Move Print and e-mail link to the right */
    .pull-right.breadcrumb.controlBar{
        width:initial;
    }

    /* Make the breadcrumbs vertical */
    .pull-left.breadcrumb.margin-top-10.text-lowercase li{  
         display:inherit;
    }
}

/*
    iPhone 6 and smaller PORTRAIT
*/
@media only screen 
    and  (max-width : 375px)
     {
    #welcomeMessage{
        display:none;
    }
}



/*
    iPhone 5 & 5S in PORTRAIT & landscape
*/
@media only screen 
    and (max-width : 320px) {
    
    /* Not enough room for the Welcome, not even the name */
    .loginbar.pull-right.text-right li.welcome{
        display:none !important;
    }

    /* This needs to be fixed, no one will be able to logout if this isn't present */
    .loginbar.pull-right.text-right{
        display:none !important;
    }
}

.photo_container a {
	cursor: pointer !important;
}

/*General Link Styles Override*/
.content a{
	color:#006896; /*ACLI Wild Blue*/
}

.content a:active{
	color:#3aafbc /*ACLI Turquoise*/ 
}

.content a:hover{
	color:#3aafbc; /*ACLI Turquoise*/
}

.content ul li a:visited{
	color:#3aafbc; /*ACLI Turquoise*/
}

/*Bottom margin on paragraph tags*/

p{
    margin-bottom: 20px;
}

/*Paragraph Sizing*/

p{
    font-size: 1.2em;
}

ul, ol {
    font-size: 1.2em;
}

ul.navbar-nav li:last-child {
	font-size: 13px;
}

ul.breadcrumb {
    font-size: 1em;
}

p p{
    font-size: 1em;
}

.content a.btn-u, .content ul.nav-tabs li a:hover, .content ul.nav-tabs li a:visited, .content li.btn-u a, .content li.btn-u a:hover, .content li.btn-u a:visited, .content li a.btn-u, .content li a.btn-u:hover, .content li a.btn-u:visited, .content ul li a.event-pagination:hover {
	color: White;
}

li a#eventbtn.btn-u:hover {
	background: #3aafbc !important; /*ACLI Turquoise*/
}

.content ul.nav-tabs li.active a:hover {
	color: #555555 !important;
}

.content ul.nav-tabs li.active a:visited {
	color: #555555 !important;
}

.width-inherit {
	width: inherit;
}

.width-100p {
	width: 100%;
}

.float-right {
	float: right;
}

.events ul.list-unstyled li {
	margin-bottom: 10px;
}

	.events ul.list-unstyled li.pdf:before {
		font-family: "FontAwesome";
		content: "\f1c1";
		margin: 0 6px 0 0;
	}

.events p {
	font-size: 1em;
}

.archiveRow {
	margin-left: 0px; 
	padding-left: 0px; 
	margin-right: 0px;
}

	.archiveRow .archiveColumn {
		padding: 0px;
		margin: 2px;
	}

		.archiveRow .archiveColumn .btn {
			width: 99%;
			text-align: center;
		}

.whatsNewBtn {
	width: 99%;
}

.whatsNewBtn .whatsNewLabel {
	font-size: 0.8em; 
	text-transform: uppercase;
}

.whatsNewChkbox {
	text-align: left; 
	border: 0px;
}

.no-bold {
	font-weight: normal;
	color: black;
}

p.inputFieldReplace {
	font-size: 1.1em;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.archiveRow .archiveColumn.mobileSpace {
		margin-top: 10px;
	}
}

.blog-img img {
	border: 1px solid #cccccc;
	width: 100%;
}

.blog-author-img {
	margin-bottom: 5px;
	width: 100%;
}

.blog-info {
	color: #777777; 
	line-height: 150%; 
	font-size: 14px; 
	margin-bottom: 5px; 
	margin-left: -10px;
}

.blog-hr-top {
	color: #777777; 
	margin-bottom: 10px;
}

.blog-hr-bottom {
	color: #777777; 
	margin-top: 0;
}

.margin-left-neg-10 {
	margin-left: -10px;
}

.blog-socialImg {
	height: 25px !important; 
	width: 25px !important; 
	border: 0; 
	top: 1870.3999938964844px;
}

h1.blogCeoTitle {
	border: none;
	margin-top: 20px;
}

.blog h2 {
	text-transform: none; 
	font-size: 1.7em; 
	line-height: 150%;
	font-weight: bold;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding: 30px 0;
	margin: 30px 0;
}

.posts .latest-img {
	border: 1px solid #000000; 
	margin-bottom: 0;
	width: 100%;
}

.posts .latest-title {
	margin-left: 0; 
	font-size: 14px; 
	line-height: 130%; 
	margin-top: 2px; 
	margin-bottom: 0;
}

.margin-left-neg-20 {
	margin-left: -20px;
}

.blog-medium .post-img {
	border: 1px solid #777777; 
	margin-bottom: 20px;
	width: 100%;
}

.blog-medium .byline {
	color: #777777; 
	font-size: 14px; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	line-height: 250%; 
	vertical-align: middle;
}

.blog-medium .author-img {
	margin-right: 7px;
	margin-bottom: 0;
	margin-top: 0;
	float: left;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	height: 40px;
	width: 40px;
}

.blog .synopsisEdit {
	background-color: #EEE;
	padding: 10px;
	margin-bottom: 10px;
}

ul.pagination {
	width: 100%;
}

ul.pagination li a:hover, ul.pagination li.active a {
	color: White;
}

.wideLayout h1 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 45px;
	line-height: 60px;
	text-transform: uppercase;
	color: #444444;
	border-bottom: none;
	display: block;
}

@media (min-width: 992px) {
    .header .navbar-nav > li > a {
        bottom: -2px;
        position: relative;
        padding: 9px 45px 9px 0px;
    }

    .header .navbar-nav {
        float: left;
    }
}

.header .dropdown > a:after {
    right: 25px !important;
}

.header .dropdown-menu {
    top: auto !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(13deg, #3aafbc 14%, #006896 64%);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(13deg, #006896 14%, #3aafbc 64%);
}

::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 5px;
    box-shadow: inset 7px 10px 12px #f0f0f0;
}
.coveo-searchbox-label
{
    display:none
}

/*Top Bar (login, search etc.)
------------------------------------*/
.header .topbar {
    z-index: 12;
    padding: 8px 0;
    position: relative;
}

    .header .topbar ul.loginbar {
        margin: 0;
    }

        .header .topbar ul.loginbar > li {
            display: inline;
            list-style: none;
            position: relative;
            padding-bottom: 15px;
        }

            .header .topbar ul.loginbar > li > a,
            .header .topbar ul.loginbar > li > a:hover {
                color: #7c8082;
                font-size: 11px;
                text-transform: uppercase;
            }

        .header .topbar ul.loginbar li i.fa {
            color: #bbb;
        }

        .header .topbar ul.loginbar li.topbar-devider {
            top: -1px;
            padding: 0;
            font-size: 8px;
            position: relative;
            margin: 0 9px 0 5px;
            font-family: Tahoma;
            border-right: solid 1px #bbb;
        }

    /*languages*/
    .header .topbar ul.languages {
        top: 25px;
        left: -5px;
        display: none;
        padding: 4px 0;
        padding-left: 0;
        list-style: none;
        min-width: 100px;
        position: absolute;
        background: #f0f0f0;
    }

    .header .topbar li:hover ul.languages {
        display: block;
    }

    .header .topbar ul.languages:after {
        top: -4px;
        width: 0;
        height: 0;
        left: 8px;
        content: " ";
        display: block;
        position: absolute;
        border-bottom: 6px solid #f0f0f0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-left-style: inset; /*FF fixes*/
        border-right-style: inset; /*FF fixes*/
    }

    .header .topbar ul.languages li a {
        color: #555;
        display: block;
        font-size: 10px;
        padding: 2px 12px;
        margin-bottom: 1px;
        text-transform: uppercase;
    }

    .header .topbar ul.languages li.active a i {
        color: #999;
        float: right;
        margin-top: 2px;
    }

    .header .topbar ul.languages li a:hover,
    .header .topbar ul.languages li.active a {
        background: #fafafa;
    }

    .header .topbar ul.languages li a:hover {
        text-decoration: none;
    }

/*No Topbar*/
.header.no-topbar .navbar-toggle {
    margin-top: 25px;
}

/*--------------------------------------------------
    [2. Header - Navbar]
----------------------------------------------------*/

/*Navbar*/
.header {
    z-index: 99;
    background: #fff;
    position: relative;
    border-bottom: solid 2px #eee;
}

    /*Header Container*/
    .header > .container {
        display: table;
    }

    /*Logo*/
    .header .logo {
        height: 100%;
        min-width: 100px;
        display: table-cell;
        vertical-align: middle;
    }

        .header .logo img {
            z-index: 1;
            margin: 20px 0;
            position: relative;
        }

    /*Navbar Toggle*/
    .header .navbar-toggle {
        border-color: #3aafbc;
    }


        .header .navbar-toggle .fa {
            color: #fff;
            font-size: 19px;
        }

        .header .navbar-toggle,
        .header .navbar-toggle:hover,
        .header .navbar-toggle:focus {
            background: #3aafbc;
            padding: 6px 10px 2px;
        }

            .header .navbar-toggle:hover {
                background: #3aafbc !important;
            }

    /*Navbar Collapse*/
    .header .navbar-collapse {
        position: relative;
    }

    /*Navbar Menu*/
    .header .navbar-nav > li > a {
        color: #687074;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .header .navbar-nav > .active > a {
        color: #3aafbc;
    }

    /*--------------------------------------------------
    [3. Header - Responsive Navbar Style]
----------------------------------------------------*/

    /*--------------------------------------------------
    [4. Header - Submenu]
----------------------------------------------------*/

    /*Dropdown Submenu for BS3
------------------------------------*/
    .header .dropdown-submenu {
        position: relative;
    }

        .header .dropdown > a:after,
        .header .dropdown-submenu > a:after {
            top: 8px;
            right: 9px;
            font-size: 11px;
            content: "\f105";
            position: absolute;
            font-weight: normal;
            display: inline-block;
            font-family: FontAwesome;
        }

    .header .dropdown > a:after {
        top: 9px;
        right: 15px;
        content: "\f107";
    }

    .header .dropdown-submenu > .dropdown-menu {
        top: 3px;
        left: 100%;
        margin-top: -5px;
        margin-left: 0px;
    }

        /*Submenu comes from LEFT side*/
        .header .dropdown-submenu > .dropdown-menu.submenu-left {
            left: -100%;
        }

    .header .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }



    .header .dropdown-submenu.pull-left {
        float: none;
    }

        .header .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

    /*Dropdow Mmenu Icons (Font Awesome)*/
    .header .dropdown-menu li [class^="fa-"],
    .header .dropdown-menu li [class*=" fa-"] {
        left: -3px;
        width: 1.25em;
        margin-right: 1px;
        position: relative;
        text-align: center;
        display: inline-block;
    }

        .header .dropdown-menu li [class^="fa-"].fa-lg,
        .header .dropdown-menu li [class*=" fa-"].fa-lg {
            /* increased font size for fa-lg */
            width: 1.5625em;
        }


    /*--------------------------------------------------
    [5. Header - Search]
----------------------------------------------------*/

    /*Search Box
------------------------------------*/
    .header .nav > li > .search {
        color: #aaa;
        cursor: pointer;
        min-width: 35px;
        font-size: 15px;
        text-align: center;
        background: #f7f7f7;
        padding: 11px 0 12px;
        display: inline-block;
        border-bottom: solid 2px #aaa;
    }


        .header .nav > li > .search:hover {
            color: #3aafbc;
            background: #f7f7f7;
            border-bottom-color: #3aafbc;
        }

    .header .nav .search-open {
        right: 0;
        top: 40px;
        display: none;
        padding: 14px;
        position: absolute;
        background: #fcfcfc;
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
    }

        .header .nav .search-open form {
            margin: 0;
        }


    /*--------------------------------------------------
    [6. Header - Mega Menu]
----------------------------------------------------*/

    /*Mega Menu
------------------------------------*/
    .header .mega-menu .nav,
    .header .mega-menu .dropup,
    .header .mega-menu .dropdown,
    .header .mega-menu .collapse {
        position: static;
    }

    .header .mega-menu .navbar-inner,
    .header .mega-menu .container {
        position: relative;
    }

    .header .mega-menu .dropdown-menu {
        left: auto;
    }

        .header .mega-menu .dropdown-menu > li {
            display: block;
        }

    .header .mega-menu .dropdown-submenu .dropdown-menu {
        left: 100%;
    }

    .header .mega-menu .nav.pull-right .dropdown-menu {
        right: 0;
    }

    .header .mega-menu .mega-menu-content {
        *zoom: 1;
        padding: 4px 15px;
    }

        .header .mega-menu .mega-menu-content:before,
        .header .mega-menu .mega-menu-content:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .header .mega-menu .mega-menu-content:after {
            clear: both;
        }

    .header .mega-menu .nav > li > .dropdown-menu:after,
    .header .mega-menu .nav > li > .dropdown-menu:before {
        display: none;
    }

    .header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
        left: 0;
        right: 0;
        overflow: hidden;
    }



    /*Mega Menu Dropdown OPENS from LEFT Side*/
    .header .mega-menu .dropdown.mega-menu-left .dropdown-menu {
        left: auto;
        overflow: hidden;
    }

    /*Mega Menu Dropdown OPENS from RIGHT Side*/
    .header .mega-menu .dropdown.mega-menu-right .dropdown-menu,
    .header .mega-menu .dropdown.mega-menu-two-col-right .dropdown-menu {
        right: 0;
        overflow: hidden;
    }


.boxed-layout.header-fixed .header.header-sticky {
    left: inherit;
    width: inherit;
}

/*Mega Menu Style Effect*/
.header .mega-menu .equal-height-list h3 {
    font-size: 15px;
    font-weight: 400;
    padding: 0 10px 0 13px;
    text-transform: uppercase;
}

/*Header Sub-Items*/
.mega-menu-content .subCommitteeItem {
    font-size: 11px;
    text-transform: uppercase;
}

/*Footer-v1
------------------------------------*/
.footer-v1 .footer {
	padding: 40px 0;	
	background: #272727;
}

.footer-v1 .footer p {
	color: #eee;
}

.footer-v1 .footer h2 {
	color: #eee;
	font-size: 18px;
	font-weight: 200;
}

/*Link List*/
.footer-v1 .link-list li {
	border-top: solid 1px #353535;
}

.footer-v1 address,
.footer-v1 .link-list a,
.footer-v1 .link-list i {
	color: #eee;
}

.footer-v1 address {
	line-height: 23px;
}

/*Dotted Map*/
.footer-v1 .footer .map-img {
	background: url(../../img/map-img.png) 5px 60px no-repeat;
}

/*Blog Posts (with images)*/
.footer-v1 .footer .posts .dl-horizontal a {
 color: #dadada;
}

.footer-v1 .footer .dl-horizontal a:hover {
 color: #3aafbc !important;
}

/*Copyright*/
.footer-v1 .copyright {
	background: #222;
	border-top: none;
	padding: 10px 0 5px;
}

.footer-v1 .copyright p {
	color: #eee;
	margin-top: 14px;
}

.footer-v1 .copyright a {
	margin: 0 2px;
}

.footer-v1 .footer-socials {
	margin-top: 12px;
	text-align: right;
}

.footer-v1 .footer-socials li a {
	color: #777;
	font-size: 16px;
}

@media (max-width: 991px) {
	.footer-v1 .copyright,
	.footer-v1 .footer-socials {
		text-align: left;
	}
}

/*Footer Sub-Items*/

.footer .subCommitteeItem{
  font-size: 11px;
  text-transform: uppercase;
}
.bold {
    font-weight: bold !important;
}

.small {
    font-size: 85%;
}

.contentTitle {
    margin-top: 50px;
    font-weight: 100;
    font-size: 36px;
}

.divider {
    background-color: #DCDCDC;
    border: 0 none;
    clear: both;
    display: block;
    height: 1px;
    float: none;
    margin: 50px auto;
    width: 100%;
}

.contentDescription {
    padding-right: 20px;
    line-height: 22px;
}


@media print {
    /* All your print styles go here */

    .loginbar {
        display: none;
    }

    .header .navbar-toggle {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .col-md-4 {
        display: none;
    }

    .footer, .footer-v3 {
        display: none;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    a[href]:after {
        content: ""; /* " (" attr(href) ")"; -- This removes the printing of the links */
    }

    .collapse {
        display: initial;
    }

    /*this is here tpo override the css of many other stylesheets that attempt to make links black and without link decoration.*/
    a {
        color:#3aafbc!important; /*ACLI Turquoise*/
        text-decoration:underline!important;
    }

    .header .logo {
        width: 140px;
    }
}

/* START Mozilla OPEN SANS issue resolution*/
@media only print {

    h1, h2, h3, h4, h5, h6 {
        font-family: Arial, sans-serif;
    }

    .slide-text-font-heading, .slide-text-font, .slide-text-font-heading-2, 
    .slide-text-font-2, .slide-text-font-heading-3
    {
        font-family: sans-serif; 
    }

    .title-v1 h1, .title-v1 h2 {
        font-family: Arial, sans-serif;
    }
    
    .portfolio-box-v1 .portfolio-box-v1-in {
      font-family: Arial, sans-serif;
    }

    .portfolio-box-v2 .portfolio-box-v2-in {
      font-family: Arial, sans-serif;
    }

    .parallax-quote-in p {
      font-family: Arial, sans-serif;
    }

    .parallax-counter-v2 .counters h4,
    .parallax-counter-v2 .counters span {
      font-family: Arial, sans-serif;
    }

    .interactive-slider-v2 p {
      font-family: Arial, sans-serif;
    }

    .blog-post-quote p {
      font-family: Arial, sans-serif;
    }

    .purchase span {
	    font-family: Arial, sans-serif;
    }

}
/* END Mozilla OPEN SANS issue resolution*/


.acli-banner {
    background-size: cover;
    margin-bottom: 0px;
    padding-bottom: 0px;
    height: 300px
}

    .acli-banner > div {
        padding: 0px;
        margin: 0px
    }

    .acli-banner .banner-text-box {
        background-color: rgb(171, 224, 169);
        opacity: 0.9;
        margin-top: -5px;
        margin-left: -20px;
        height: 300px
    }

    .acli-banner p {
        text-transform: none;
        text-align: left;
        line-height: 55px;
        font-size: 3em;
        font-weight: 400;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 70px;
        padding-top: 60px;
        color: #555555;
        margin-right: 0px;
        margin-left: 0px;
        max-width: 450px
    }

    .acli-banner .banner-text-box.white-text p{
        color: #FFFFFF;
    }

.breadcrumbs{
    overflow: visible;
}
.breadcrumbs .state-selector{
    position: relative;
    top: 10px;
    padding: 8px 15px;
    text-align: right;
}

.content .state-selector, .content-sm .state-selector{
    margin-top: 20px;
    margin-bottom: 20px;
}
.state-selector select{
    display: inline-block;
    width: 70%;
    margin-right: 10px;
    max-width: 300px;
}
.state-selector .go-button{
    padding: 4px 20px 4px 20px;
    background-color: #3aafbc;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 700;
    outline: 0 !important;
    border: none;
}
    .state-selector .go-button:hover {
        background-color: #006896;
    }
@media(max-width: 767px){
    .breadcrumbs .breadcrumb{
        text-align: center;
        float: none !important;
    }
    .breadcrumbs .state-selector{
        text-align: center;
        padding-top: 10px;
        margin-bottom: 10px;
    }
}

.state-facts {
    margin-top: 0px;
    line-height: 1.6;
}

    .state-facts .state-facts-left p {
        text-align: left;
        margin-bottom: 35px;
        font-size: 20px;
        font-weight: 400;
        margin-top: 0;
        margin-right: 15px;
        color: #555555;
    }

    .state-facts .state-facts-left a.download-button {
        padding: 15px 20px 15px 20px;
        background-color: #3aafbc;
        color: #ffffff;
        margin-top: 0px;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 20px;
        font-weight: 700;
    }

@media(max-width: 767px) {
    .state-facts .state-facts-left a.download-button {
        display: flex;
        justify-content: center;
        text-align: center;
    }
}

    .state-facts .state-facts-left a.download-button:hover {
        background-color: #006896;
    }

.state-facts .state-facts-right ul {
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #4f545e;
    font-weight: 400;
    font-size: 20px;
}

        .state-facts .state-facts-right ul li {
            margin-bottom: 17px;
            margin-left: 15px;
        }

            .state-facts .state-facts-right ul li::before {
                font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
                /*content: '•';*/
                width: 0.6em;
                color: #3aafbc;
                font-size: 25px;
                display: inline-block;
                float: left;
                top: -5px;
                position: relative;
                margin-left: -0.6em;
            }

    .info-card-container {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .info-card {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }

        .info-card p {
            line-height: 1.6;
            font-size: 20px;
            color: #555555;
        }

            .info-card p strong {
                font-size: 22px;
            }

    @media(max-width: 767px) {
        .info-card-container {
            display: block;
        }

        .info-card {
            display: block;
        }
    }

    .info-card img {
        width: 100%;
        border-top: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }

    .info-card .call-action-v1 {
        height: 100%;
    }

        .info-card .call-action-v1 p {
            border-bottom: 1px solid #cccccc;
            border-right: 1px solid #cccccc;
            border-left: 1px solid #cccccc;
            padding: 20px;
            text-align: left;
            background-color: #fafafa;
            font-weight: 400;
            font-size: 20px;
            line-height: 1.6;
            height: 100%;
        }

    .tag-box-v2 {
        border-left: 2px solid #3aafbc;
    }

        .tag-box-v2 .call-action-v1-in img {
            margin-bottom: 15px;
            width: 100%;
        }

        .tag-box-v2 .call-action-v1-in .col-sm-7 {
            text-align: center;
        }

            .tag-box-v2 .call-action-v1-in .col-sm-7 h3 {
                text-align: left;
                font-size: 22px;
                line-height: 24px;
                color: #555555;
                font-weight: 500;
            }

            .tag-box-v2 .call-action-v1-in .col-sm-7 p {
                text-align: left;
                margin-right: 0px;
                margin-left: 0px;
                font-weight: 400;
                font-size: 20px;
            }

            .tag-box-v2 .call-action-v1-in .col-sm-7 h3 span {
                color: #3aafbc;
            }

        .tag-box-v2 .call-action-v1-in.inner-btn {
            text-align: center;
            text-transform: uppercase;
        }


            .tag-box-v2 .call-action-v1-in.inner-btn a {
                padding: 15px 20px 15px 20px;
                font-size: 20px;
                background-color: #3aafbc;
                color: #ffffff;
                margin-top: 0px;
                text-decoration: none;
                letter-spacing: 1px;
                font-weight: 700;
            }

                .tag-box-v2 .call-action-v1-in.inner-btn a:hover {
                    background-color: #006896;
                }

    .featured-state {
        margin-bottom: 30px;
    }

        .featured-state article {
            border: solid 1px #eee;
            transition: all .3s ease;
            position: relative;
            max-width: 100%;
            margin: 0;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

    .edit-mode .featured-state article {
        transform: none;
    }

    .featured-state article figure {
        position: relative;
        margin-bottom: 0;
    }

    .featured-state article img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .featured-state article .u-block-hover__additional--partially-slide-up {
        z-index: 1;
        background-color: #3aafbc;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        transform: translate3d(0, 100%, 0);
        transition: transform 0.3s ease;
        overflow: visible;
        max-width: 100%;
        margin: 0;
        backface-visibility: hidden;
    }

        .featured-state article .u-block-hover__additional--partially-slide-up a{
            background-color: inherit;
        }
        .edit-mode .featured-state article .u-block-hover__additional--partially-slide-up {
            transform: none;
        }

    .featured-state article .u-block-hover__additional--partially-slide-up:hover {
        transition: transform 0.3s ease;
        transform: translate(0,0);
        opacity: 0.9;
        background-color: #006896 !important;
    }

    .edit-mode .featured-state article .u-block-hover__additional--partially-slide-up:hover {
        transform: none;
    }

    .featured-state article .u-block-hover__visible {
        margin: 0;
        position: absolute;
        bottom: 98%;
        margin-bottom: -1px;
        left: 0;
        right: 0;
        background: inherit;
        padding: 1.42857rem !important;
/*        background-color: #3aafbc;*/
        transition: transform 0.3s ease;
        max-width: 100%;
        margin-bottom: 0px;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

        .featured-state article .u-block-hover__visible:hover {
            transition: transform 0.3s ease;
        }

    .featured-state article h3 {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 24.5px;
        font-weight: 500;
    }

        .featured-state article h3 a {
            color: #FFFFFF;
        }

    .featured-state article ul {
/*        background-color: #3aafbc;
*/        padding-top: 0.71429rem !important;
        padding-bottom: 0.71429rem !important;
        padding-left: 1.42857rem !important;
        padding-right: 1.42857rem !important;
        z-index: 1;
        position: relative;
        display: flex;
        list-style: none;
    }

        .featured-state article ul li {
            margin-right: .25rem !important;
            color: #FFFFFF;
            display: inline-block;
            margin-left: 0;
        }

.CoveoCustomResultsPerPageDropdown {
    margin: 0 0 0 15px;
    float: right;
}

.CoveoLogo {
    display: none !important;
}

.coveo-result-cell-date {
    width: 25%;
    text-align: right;
    font-size: 14px;
    vertical-align: middle !important;
}

.CoveoPager li.coveo-pager-list-item {
    margin-left: 6px;
}

.CoveoExcludeArchivedFacet .coveo-checkbox-span-label {
    margin-left: 12px;
    margin-top: -2px;
}

.CoveoExcludeArchivedFacet li.coveo-selected .coveo-facet-value-checkbox.coveo-checkbox-button::before {
    position: absolute;
    top: 1px;
    left: 5px;
    box-sizing: content-box;
    display: block;
    width: 4px;
    height: 9px;
    content: '';
    border: solid #0059b3;
    border-width: 0 2px 2px 0;
    transform: rotate(43deg);
}

.coveo-combobox-input input {
    width: 95% !important;
}

ul.coveo-dynamic-facet-values, ul.coveo-dynamic-hierarchical-facet-values {
    max-height: 350px;
    overflow: auto;
}

    ul.coveo-dynamic-facet-values .coveo-checkbox-span-label, ul.coveo-dynamic-facet-values .coveo-checkbox-span-label-suffix, ul.coveo-dynamic-hierarchical-facet-values .coveo-dynamic-hierarchical-facet-value-label, ul.coveo-dynamic-hierarchical-facet-values .coveo-dynamic-hierarchical-facet-value-suffix {
        font-size: 15px;
        font-weight: bold;
    }

.coveo-dynamic-facet-value .coveo-checkbox-span-label-suffix {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.CoveoDynamicFacet, .CoveoDynamicFacetRange, .CoveoDynamicHierarchicalFacet {
    margin-top: 20px;
}

.CoveoDateSliderFacet {
    margin: 20px 0 10px 0 !important;
    border: none !important;
}

    .CoveoDateSliderFacet .coveo-facet-header {
        border-bottom: thin solid #bcc3ca;
        background: white;
        padding: 0 !important;
    }

        .CoveoDateSliderFacet .coveo-facet-header .coveo-facet-header-title {
            margin: 0;
            font-size: 15px;
            color: #0059b3;
            font-weight: bold;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            text-transform: capitalize;
            line-height: 35px;
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            flex-grow: 1;
            -ms-flex-positive: 1;
        }

    .CoveoDateSliderFacet .coveo-slider-caption {
        font-size: 15px;
        font-weight: bold;
        left: 10px;
    }

.CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header {
    background: linear-gradient(13deg, #3aafbc 14%, #006896 64%);
    height: auto;
    margin: 0 auto;
}

    .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header:hover {
        background: linear-gradient(13deg, #006896 14%, #3aafbc 64%);
    }

    .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header p {
        color: white;
        font-size: 18px;
        padding: 5px 15px;
    }

.coveo-facet-dropdown-content.coveo-dropdown-content {
    height: 450px !important;
    left: 600px !important;
    padding-right: 20px !important;
    top: 200px !important;
    width: 380px !important;
}

    .coveo-facet-dropdown-content.coveo-dropdown-content .coveo-facet-value-label-wrapper {
        padding-left: 5px !important;
    }

    .coveo-facet-dropdown-content.coveo-dropdown-content li.coveo-dynamic-facet-value {
        padding-left: 15px !important;
    }

    .coveo-facet-dropdown-content.coveo-dropdown-content .CoveoExcludeArchivedFacet .coveo-dynamic-facet-header {
        margin-left: 5px;
    }

.coveo-small-tabs .coveo-tab-section {
    margin-bottom: 25px;
}

.coveo-search-section .container {
    width: 100%;
}

.coveo-search-section .container .left-column {
    width: 98%;
    display: inline-block;
}

.coveo-search-section .container .right-column {
    width: 1%;
    display: inline-block;
}

.CoveoSettings.coveo-accessible-button {
    margin-left: 10px;
}

/* Hiding Complete Query label and textbox in the Share Query modal */
.coveo-modal-body .coveo-share-query-summary-info-boxes > div:nth-child(2) {
    display: none;
}

/* Hiding File Type, Language, and Size in the Document section of the Advanced Search modal */
.coveo-modal-body .coveo-advanced-search-section .coveo-advanced-search-document-input-section:nth-child(-n+4) {
    display: none;
}

.members-site-search .coveo-search-section .container .left-column {
    width: 80%;
}

.members-site-search .coveo-search-section .container .right-column {
    width: 19%;
}

.acli-coveo-sitecore-settings-container .CoveoSettings.acli-custom-coveo-settings-button {
    border-radius: 0;
    border: none;
    position: relative;
    top: -18px;
    color: #0059b3;
    width: auto;
    height: auto;
    margin-left: 15px;
}

.acli-coveo-sitecore-settings-container .CoveoSettings.acli-custom-coveo-settings-button .coveo-settings-squares {
    display: none;
}

.acli-coveo-sitecore-settings-container .coveo-settings-advanced-menu {
    min-width: 200px;
}

.acli-coveo-sitecore-settings-container .coveo-settings-advanced-menu:before {
    left: 125px;
}

.coveo-dynamic-facet-value .coveo-checkbox-label {
	padding-left: 20px !important;
}

.CoveoSearchInterface.coveo-small-facets .coveo-facet-column.coveo-facet-dropdown-modal-content {
    height: 75% !important;
    width: 30% !important;
    left: 600px !important;
    border: solid 1px black;
    padding-bottom: 100px !important;
    top: 150px !important;
}

/**
 * ++++++++++++++++++++++
 * Add-to-Calendar Button
 * ++++++++++++++++++++++
 * 
 * Version: 1.4.1
 * Creator: Jens Kuerschner (https://jenskuerschner.de)
 * Project: https://github.com/jekuer/add-to-calendar-button
 * License: MIT with “Commons Clause” License Condition v1.0
 * 
 */

.atcb {
    display: none;
}

.atcb_button_wrapper {
    display: inline-block;
    position: relative;
}

.atcb_button {
    background: rgb(245, 245, 245);
    border: 1px solid rgb(210, 210, 210);
    border-radius: 6px;
    -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
    box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 10px auto;
    max-width: 300px;
    min-width: 150px;
    padding: 10px 16px 11px 16px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: auto;
}

@media only screen and (max-width: 575px) {
    .atcb_button {
        font-size: 14px;
    }
}

.atcb_button.active {
    background: rgb(255, 255, 255);
    border-radius: 6px 6px 3px 3px;
    -webkit-box-shadow: 1px 5px 15px 0px rgba(0,0,0,.5);
    box-shadow: 1px 5px 15px 0px rgba(0,0,0,.5);
    margin: 7px auto 9px auto;
    padding: 12px 20px 13px 20px;
    z-index: 90;
}

.atcb_icon {
    height: 16px;
    display: inline-flex;
    margin-bottom: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

    .atcb_icon svg {
        height: 100%;
        color: rgb(51, 51, 51);
        width: auto;
    }

.atcb_list {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: block;
    margin: -10px auto 0 auto;
    max-width: 100%;
    position: absolute;
    padding: 0 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 80;
}

.atcb_list_item {
    background: rgb(250, 250, 250);
    border: 1px solid rgb(210, 210, 210);
    border-top: 0;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0,0,0,.3);
    box-shadow: 1px 2px 8px 0px rgba(0,0,0,.3);
    box-sizing: border-box;
    cursor: pointer;
    font-size: 16px;
    left: 50%;
    position: relative;
    padding: 12px 18px;
    text-align: left;
    transform: translate(-50%);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

    .atcb_list_item:hover {
        background: rgb(255, 255, 255);
        -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
        box-shadow: 1px 2px 10px 0px rgba(0,0,0,.4);
        color: rgb(0, 0, 0);
    }

@media only screen and (max-width: 575px) {
    .atcb_list_item {
        font-size: 14px;
    }
}

.atcb_list_item:first-child {
    padding-top: 25px;
}

.atcb_list_item:last-child {
    border-radius: 0 0 6px 6px;
}


.atcb_list_item .atcb_icon {
    margin-right: 8px;
}

.atcb_bgoverlay {
    background: rgba(20,20,20,.2);
    backdrop-filter: blur(2px);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 70;
}