CSS

/******************************************************************************/

/*PALMETTO GBA COLOR CHART ****************************************************

                Color Name                                        X-Dark                  Dark                       Normal                 Light                      X-Light

 

/*PRIMARY COLORS***************************************************************

                Palmetto Gold                  #a08600                                #b59f00                                #cab900                                #dfd300                                #f3ec00

                Palmetto Green                               #338f09                                #52991d                               #72B431                               #92cf45                 #b1e959

                Palmetto Brown                               #2e241c                                #4d4238                               #6c6054                                #8b7e70                                #aa9c8c

 

/*SECONDARY COLORS*************************************************************

                Warm Gray                                         #8b7f74                                #a39990                                #bcb4ac                                #d5cfc8                 #ede9e4

                Vibrant Light Blue           #0780a8                                #189abb                               #29b5cf                                #3ad0e3                               #4beaf6

                Vibrant Orange                 #e05800                               #e77700                               #ef9600                                #f7b500                                #fed400

                Orange                                                 #e69109                               #eca81d                               #f2c031                 #f8d845                                #fef59d

                Light Blue                                            #006f95                                #008bac                                #00a8c3                                #00c5da                                #00e1f1

                Dark Blue                                            #00121e                               #002a3a                                #004357                                #005c74                                #007490

/******************************************************************************/

 

/*CUSTOM FONTS*/

@font-face {

                font-family: 'BryantPro-Regular';

                src: url('../fonts/BryantPro-Regular.eot');

                src: url('../fonts/BryantPro-Regular.woff') format('woff'), url('../fonts/BryantPro-Regular.ttf') format('truetype'), url('../fonts/BryantPro-Regular.svg') format('svg');

                font-weight: normal;

                font-style: normal;

}

 

@font-face {

                font-family: 'BryantPro-Medium';

                src: url('../fonts/BryantPro-Medium.eot');

                src: url('../fonts/BryantPro-Medium.woff') format('woff'), url('../fonts/BryantPro-Medium.ttf') format('truetype'), url('../fonts/BryantPro-Regular.svg') format('svg');

                font-weight: normal;

                font-style: normal;

}

 

@font-face {

                font-family: 'Elena-Regular';

                src: url('../fonts/Elena-Regular.eot');

                src: url('../fonts/Elena-Regular.woff') format('woff'), url('../fonts/Elena-Regular.ttf') format('truetype'), url('../fonts/Elena-Regular.svg') format('svg');

                font-weight: normal;

                font-style: normal;

}

 

@font-face {

                font-family: 'Elena-Medium';

                src: url('../fonts/Elena-Medium.eot');

                src: url('../fonts/Elena-Medium.woff') format('woff'), url('../fonts/Elena-Medium.ttf') format('truetype'), url('../fonts/Elena-Medium.svg') format('svg');

                font-weight: normal;

                font-style: normal;

}

 

body {

                -ms-overflow-style: scrollbar !important;

                font-family: "OpenSans-Regular", Arial, Helvetica, sans-serif;

                overflow-y: scroll;

                background:#FFF

}

a{cursor:pointer !important}

a, .dropdown-menu li a{color:#00a8c3}

.main a:visited{color:#006f95 !important}

h1 img, h2 img, h3 img, h4 img{margin-right:12px}

p.text-muted{font-size:.8em}

h2{margin-top:1em}

h1, h2, h3{font-family:"Elena-Medium"; color:#6c6054;}

h4{font-family:"BryantPro-Medium"; color:#6c6054; letter-spacing:1px; text-transform:uppercase;}

.columns2{column-count:2}

.columns3{column-count:3;}

.columns4{column-count:4}

 

/*EQUAL HEIGHT TRICK*/

.row-eq-height-sm {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

}

@media (max-width: 767px) {

                .row-eq-height-sm{

                                display:block;

                                position:relative;

                                margin:0em;

                }

                .row-eq-height-sm .panel{ margin:0px 0px 15px 0px !important;}

}

 

/*BUTTONS*/

.btn {

                -webkit-transition: background .15s ease-in-out, color .15s ease-in-out;

                -moz-transition: background .15s ease-in-out, color .15s ease-in-out;

                -o-transition: background .15s ease-in-out, color .15s ease-in-out;

                transition: background .15s ease-in-out, color .15s ease-in-out;

                text-shadow: none;

                box-shadow:inset 0px 0px 1em rgba(255,255,255,.25);

                border:none;

}

.btn, .btn-lg {

                border-radius: 2px !important;

}

.btn-primary {

                background: #00a8c3;

                color: #FFF !important;

}

.btn-primary:hover, .btn-primary:focus {

                background: #006F95 !important;

}

.btn-default {

                background: #bbb;

                color: #000;

}

.btn-default:hover, .btn-default:focus {

                background: #999;

                color:#000 important;

}

.btn-secondary {

                background: #ddd;

                color: #000 !important;

}

.btn-secondary:hover, .btn-secondary:focus {

                background: #bbb !important;

}

.btn-success {

 

 

 

                background: #72b431;

                color:#FFF !important;

}

.btn-success:hover, .btn-success:focus {

                background:#338F09 !important;

}

.btn-danger {

                background: #ef9600 !important;

                color:#FFF !important;

}

.btn-danger:hover, .btn-danger:focus {

                background: #e05800 !important;

                color:#FFF !important;

}

.btn-warning {

                background: #CAB900;

                color:#FFF !important;

}

.btn-warning:hover, .btn-warning:focus {

                background: #B59F00 !important;

}

 

.list-unstyled{

                list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

                list-style: none;

}

 

 

/*PANELS*/

.row-eq-height-sm> .panel{padding:0px 0px !important; margin:0px 15px 15px 15px !important;}

@media (max-width: 767px) {

                .row-eq-height-sm .panel{ margin:0px 0px 15px 0px !important;}

}

.panel{border:1px solid #ccc; border-bottom:2px solid #Ccc; border:1ps solid #CCC; box-shadow:none;}

.panel .panel-heading{ background:#ddd; font-weight:bold; border:none; border-bottom:1px solid #CCC; box-shadow:none;}

.panel .panel-heading img{margin-right:1em;}

.panel li{margin-bottom:.5em;}

.panel li a{width:100%; display:block; font-weight:bold;}

.panel .finalbutton{position:absolute; bottom:10px; right:15px}

 

/***********************/

/*SPECIAL MOBILE STYLES*/       

.mobile-only {display: none !important}

.mobile-disabled{}

@media (max-width: 767px) {

                .mobile-only {display: block !important}

                .mobile-disabled {display: none !important}

}

 

/**********/

/*AMAPOPUP*/

#amamodal{height:100%}

#amamodal .modal-content{border-radius:2px;}

#amamodal .modal-header,

#amamodal .modal-footer{box-shadow:0px 0px 5em rgba(0,0,0,.25)}

#amamodal .modal-body{max-height:50%; overflow-y:scroll; margin:0px; padding-top:1em; padding-bottom:.25em;}

.modal-backdrop.in{opacity:.75;}

@media(max-width:767px){

                #amamodal{margin:1.5em; font-size:.75em}     

                #amamodal .modal-body{max-height:50%}

}

 

/*************/

/*CHAT BUTTON*/

.chatwrapper{position:fixed; bottom:-14px; right:-1px;}

 

/********************/

/*NORMAL HEADER AREA*/

#header{border-bottom:1px solid #aaa}

                .navbar {

                                background: #FFF;

                                border: 0px solid #338F09;

                                border-radius: 0px;

                                box-shadow: none;

                                margin-bottom: 0px;

                }

                .navbar-default .navbar-form{border:none}

               

                /*SUPERLINKS*/

                .superlinks {

                                background: #FFF;

                                border-bottom: 1px solid #CCC;

               

                }

                .superlinks ul {

                                list-style: none;

                                margin-bottom: 0px;                     

                                padding-left:0px;

                                text-align: right;

                                font-size: 14px;

                                padding-top:24px;

                }

                .superlinks li {

                                display: inline-block;

                                margin:0px;

                                vertical-align:baseline

 

                }

                .superlinks a {

                                display:block;

                                color: #706258;

                                font-size:.9em;

                                padding: .5em 1em .6em;                                                           

                }

 

                .superlinks li.green a{color:#FFF;background:#72b431; color:#FFF;}                        

               

                /*PALMETTO LOGO*/

                .superlinks li.palmettologo{float:left; margin-top:-24px;}

                .superlinks li.palmettologo a{color:#FFF; padding:.5em 1em; font-family:"Elena-Medium"; font-size:1.2em; color:#FFF; margin-left:-15px;}

                .superlinks li.palmettologo a:hover img {filter: drop-shadow( 0px 0px 3px #999 );}

                .superlinks li.palmettologo a img{height:38px}

                @media (max-width:767px){

                                .superlinks ul{padding-top:0px}

                                .superlinks li.palmettologo{padding-top:1.5em}

                }

 

                /*NAVIGATION*/           

                .navbar-toggle{

                                padding:10px 10px;

                                margin-top:.9em;

                }

                .navbar-nav {

                                margin: .4em 0px .4em 1em;

                }

                .navbar-nav>li>a, .navbar-nav>li>p {

                                font-family: "Elena-Regular", "OpenSans-Regular", Arial, Helvetica, sans-serif;

                                padding: 1em .6em .70em .6em;

                                margin: 0em;

                                font-size: 130%;

                                color: #80715c !important;

                                text-shadow: none;

                                -webkit-transition: background .15s ease-in-out;

                                -moz-transition: background .15s ease-in-out;

                                -o-transition: background .15s ease-in-out;

                                transition: background .15s ease-in-out;

                                box-shadow: none !important;

                                font-weight:bold;

                }

                .navbar-nav .dropdown.active{background-color:#EEE !important}

                .navbar-nav .dropdown:hover>a, .navbar-nav .dropdown:hover a.active, .dropdown.open>.dropdown-toggle{

                                color: #FFF !important;

                                filter: none !important;

                                background:#00a8c3;

                                box-shadow: none !important;

                                border-radius: 2px;

                }

               

                .navbar-nav .dropdown{margin-right:.5em}

                .navbar-collapse {

                                box-shadow: none;

                                border: none

                }

                .navbar-nav .dropdown:hover>a,

 

                .navbar-nav .dropdown:hover a.active,

                .dropdown.open>.dropdown-toggle{background:#00a8c3 !important} 

                .navbar-nav .dropdown a.active{background:#EEE}

                @media(max-width:767px){

                                .navbar-nav>li>a, .navbar-nav>li>p {font-size:1em}                       

                                .searchcontainer{padding-right:15px; padding-top:0px;}

                                .searchcontainer input, .searchcontainer .btn{margin-top:0px}

                                .navbar-brand{padding-left:15px !important;}

                }

               

                /*DROPDOWNS*/

                @media(max-width:980px){

                                .topics .dropdown-menu,

                                .specialties .dropdown-menu{left:auto; right:0px;}

                }

                @media (min-width: 768px) {   

                                .dropdown:hover .dropdown-menu {display: block;} /*open on hover*/

 

                }

                @media(max-width:767px){

                                .dropdown-menu{background-color: #eee !important;}

                                .dropdown-menu.row{width:100% !important}               

                                .navbar-nav .caret{display:none !important}

                }

                .navbar-default .navbar-nav .dropdown .caret {

                                margin-left: .25em;

                                -webkit-transition: transform .25s ease-in-out;

                                -moz-transition: transform .25s ease-in-out;

                                -o-transition: transform .25s ease-in-out;

                                transition: transform .25s ease-in-out

                }

                .navbar .dropdown-menu{background:none; margin:0px; padding:0px; border:none; border-radius:none; box-shadow:none;}

                .navbar .dropdown-container {

                                border-radius:0px;

                                background-color: #f7f7f7;

                                border: none;

                                border-bottom: 5px solid #CCC;

                                box-shadow: 0 .5em 2em rgba(0,0,0,.75);

                                padding:1em;

                }

                .navbar-default .navbar-nav .dropdown:hover .caret, .navbar-default .navbar-nav .dropdown.open .caret {

                                transform: rotate(-90deg)

                }

                .dropdown-menu li a, .dropdown-menu li .fauxlink {

                                padding: .25em 1em;

                                display: block;

                                clear: both;

                                font-weight: 400;

                                line-height: 1.42857143;

                                cursor:pointer;

                                font-size:1.1em;

                                break-inside: avoid-column;     

                }

                .dropdown-menu li .fauxlink {

                                padding: .25em 1em;

                                display: block;

                                clear: both;

                                font-weight: 400;

                                line-height: 1.42857143;

                                cursor:pointer;

                                font-size:1.2em;

                                break-inside: avoid-column;     

                                font-family:"Elena-Medium"     ;

                                color:#6c6054;

                }             

 

                .dropdown-menu li a:hover{background:#ddd; text-decoration:none; color:#333}

                               

                                /*EVENT DROPDOWN CALLOUT*/

                                #educationeventsdropdown .eventlist{

                                                padding: 1em 1em 2em 1em;

                                                margin: 1em 1em 0em 1em;

                                                border-radius: 2px;

                                                font-size: .8em;

                                                box-shadow: inset 0 0 2em rgba(0,0,0,.25);

                                }

                                #educationeventsdropdown .eventlist a{padding:0px !important;}

                                #educationeventsdropdown .eventlist a:hover{background:none !important}

                                #educationeventsdropdown .eventlist .date{font-size:10px; color:#777; float:right; margin-right:0em; margin-bottom:.5em;}

 

                .dropdown-menu .row{width:500px}    

                .dropdown-menu a.btn{margin-bottom:.5em !important; padding-top:.5em; padding-bottom:.5em; text-transform:uppercase; font-family:"BryantPro-Medium"; font-size:1.4em; white-space:normal;}

                .dropdown-menu p.fauxlink{margin-bottom:0px; font-weight:bold}

               

                /*MEGA DROPDOWN*/

                .dropdown-mega{position:fixed; background:#FFF; z-index:100000; width:100%; top:113px; padding-top:1em;}

                .dropdown-mega .columns2,

                .dropdown-mega .columns3,

                .dropdown-mega .columns4{column-rule: 1px dotted #DDD; padding-top:1em; column-gap:30px;}                       

                .dropdown-mega .column-span{column-span:all}

                .dropdown-mega .column-nobreak{break-inside:avoid-column}

                .dropdown-menu.dropdown-mega a.btn{margin:0em .5em}    

                               

                /*SITE LOGO*/

                .navbar-brand {

                                padding: 1.35em 1em 1em 1em;

                                height:auto;

                                cursor: pointer;

                                margin: 0em !important;

                                -webkit-transition: background .1s ease-in-out;

                                -moz-transition: background .1s ease-in-out;

                                -o-transition: background .1s ease-in-out;

                                transition: background .1s ease-in-out;

                                background:#CAB900;

                                color:#FFF !important;

                                font-family:"Elena-Medium";

                                text-shadow:1px 1px 1px #B59F00

                }

                .navbar-brand:hover {

                                background: #B59F00 !important

                }

                .navbar-brand img {

                                padding: 0.75em .75em .75em .75em;

                                margin-bottom: 0px;

                                display: block !important;

                                height: 100%;

                }

               

                /*SEARCH*/

                .searchcontainer{padding-right:0px; box-shadow:none;}

                .searchcontainer input, .searchcontainer button {

                                border:none;

                                margin-top: .55em;

                }

                .searchcontainer input{background:#EEE}

                .searchcontainer button{color:#FFF; text-shadow:none; transition: background linear .1s}

                .searchcontainer img{height:22px}

                .searchcontainer button:hover, .searchcontainer button:active, .searchcontainer button:focus, .searchcontainer button:visited{color:#FFF;}

               

                @media(max-width:767px){

                                .navbar-collapse{position:relative}

                                .navbar-nav{position:relative; padding-top:4em !important; padding-bottom:2em; background:#FFF;}                               

                                .searchcontainer{

                                                margin:1em 30px 1em 0px !important;

                                                position:absolute; top:0px;

                                }

                                .searchcontainer input, .searchcontainer button {margin-top:0px;}

                }

               

                .searchcontainer button{background:#00a8c3}

                .searchcontainer button:hover{background:#006f95}

               

               

/****************/

/*BREADCRUMB BAR*/

#breadcrumbs {

                background: #f9f9f9;

                margin-bottom: 0px;

}

.breadcrumb {

                background: inherit;

                box-shadow: none;

                margin-bottom: 0px;

}

.breadcrumb a{color:#178C9F}

 

/***********/

/*MEGAALERT*/

.megaalert{ 

                font-family:"OpenSansBold";

                padding:1em 0em; 

                background: #C00;

    border: none;

                border-bottom:1px solid #ccc;

    color: #fff;

                box-shadow:none;

                text-shadow:0px 0px .5px rgba(189,34,0,.5);

                font-weight:bold;

}

.megaalert p{margin-bottom:0px}

.megaalert a{color:#fff; text-decoration:underline;}

 

/***********/

/*JUMBOTRON*/

.jumbotron{

                padding:1.5em 0em 0em 0em;

                margin-bottom:0em;

                background:#EEE;

}

 

.photolinks{margin-bottom:1em}

.photolinks a{display:block; width:100%; height:175px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; position:relative; margin-bottom:1em; overflow:hidden;}

                .photolinks a div.overlay{width:100%; height:100%; position:absolute; top:0px; right:0px; background:rgba(0,0,0,.25); opacity:0; transition: .2s linear;}

                .photolinks a span{font-size:18px 1em; background:#72b431; color:#FFF; width:100%; position:absolute; bottom:0px; left:0px; text-align:center; font-family:"BryantPro-Medium"; text-transform:uppercase; padding:6px 0px; letter-spacing: 1px; transition: .1s linear; white-space:nowrap; box-shadow:0px 0px 1em #000; text-shadow:0px 0px 1px #338F09; font-size:18px;}

                .photolinks a:hover div.overlay{opacity:1}

                .photolinks a:hover span{padding:8px 0px 6px 0px; background:#52991D}

               

                .jumbotron .textlinks {padding-bottom:1.5em}               

                .jumbotron .textlinks a{display:block; width:100%; background:#FFF; color:#00a8c3; font-family:"BryantPro-Medium"; text-transform:uppercase; padding:7px 0px 5px 0px; margin-bottom: 8px; text-align:center; letter-spacing:1px; white-space:nowrap; border:2px solid #00a8c3; transition:.2s; font-size:18px;}

                .jumbotron .textlinks a:hover{background:#00a8c3; color:#FFF; text-decoration:none;}

               

/*INFOBOX*/

.infobox{border:2px solid #a39990; background:#FFF; margin-bottom:1.5em; display:block}

.infobox .head{background:#a39990; display:block; color:#FFF; font-family:"BryantPro-Medium"; letter-spacing:1px;text-transform:uppercase;  padding:7px 0px 5px 0px; width:66%; text-align:center;}

.infobox h4{font-family:"BryantPro-Medium"; letter-spacing:1px;text-transform:uppercase; color:#6c6054; padding-left:.9em; padding-top:.5em; }

.infobox p{font-family:"Elena-Regular"; color:#6c6054; padding-left:1.1em; padding-right:1em; font-size:1.2em;}

.infobox a.more {color:#00a8c3; font-family:"BryantPro-Medium"; text-transform:uppercase; display:inline-block; text-decoration:none;}

.infobox a.more::after{content:" \003e"}            

.infobox a.more:hover {text-decoration:underline;}

.infobox table{margin:1em;}     

.dropdown-menu .infobox {margin-right:1em;}               

.infobox td{color:#6c6054; vertical-align:top; padding-bottom:.5em;}

.infobox td.date{font-family:"BryantPro-Medium"; font-size:12px; padding-right:.75em;}

.infobox td.description{font-family:"BryantPro-Medium"; }      

.infobox td.description p{padding:.5em 0em 0em 0em !important}       

.infobox td.description a:hover p{text-decoration:none !important}

               

/***************/

/*NEWS AND TOPICS LISTINGS*/

               

.describedlinks a{display:block; margin-bottom:.75em; break-inside:avoid}

.describedlinks a span{display:block;}

.describedlinks a span.title{font-family:"BryantPro-Medium"; text-transform:uppercase; color:#00a8c3; letter-spacing:1px; line-height:115%; padding-bottom:5px; font-size:120%;}

.describedlinks a span.description{font-family:"Elena-Regular"; color:#a39990; line-height:130%;}

.describedlinks a:hover{text-decoration:none;}

.describedlinks a:hover span.title{text-decoration:underline}

.describedlinks a:hover span.description{color:#6c6054}

 

                .keytopics{margin:2em 0em}

                .keytopics a{text-align:center; font-size:105% !important}

                .keytopics a span.title{margin-bottom:.25em}

                .keytopics a img{margin-bottom:1em; height:72px;}

               

                .describedlinks table{font-size:19.8px}                

                .describedlinks table td{color:#6c6054; vertical-align:top; padding-bottom:.5em;}

                .describedlinks table td.date{font-family:"BryantPro-Medium"; padding-right:.75em; padding-top:2px;}

 

                a.more {color:#00a8c3; font-family:"BryantPro-Medium"; text-transform:uppercase; display:inline-block; text-decoration:none;}

                a.more::after{content:" \003e"}              

                a.more:hover {text-decoration:underline;}

               

/******/

/*MAIN*/

.main{padding-top:1em; padding-bottom:3em; font-family:"Elena-Regular"; font-size:19.8px;}

                .main p, .main li{color:#6c6054}

                .main .text-muted{color:#bcb4ac; font-size:.9em !important}

 

                /*PADDING FIXES*/

                .main .main{padding-top:0px;}

                .main br:first-child{display:none;}

               

                /*SUBTOPIC LEFT SIDEBAR*/

                .subtopiclist {border-radius:0px; border:2px solid #BCB4AC}

                .subtopiclist .list-group-item{padding:.5em .75em; background:#fff; border:none;}

                .subtopiclist .list-group-item p{font-size:.7em; margin-bottom:0px; color:#888; border:none;}

                .subtopiclist .list-group-item.active{background:#D3F5FD; text-shadow:none; border:none;}

                .subtopiclist .list-group-item.parenttopic{border-radius:0px; border:none; border-bottom:2px solid #BCB4AC}               

                .subtopiclist .list-group-item.parenttopic img{width:25px; height:25px; margin-bottom:5px;} 

                .subtopiclist .list-group-item.parenttopic a{font-size:1.em}      

 

                /*SOCIAL MEDIA SIDEBAR*/

                .social a{display:inline-block; width:30%; margin:5%; max-height:50px;}

               

                /*ARTICLE RIGHT SIDEBAR*/

                .sidebarcontent{padding-top:5em; font-size:.9em; text-align:center}

                .sidebarcontent p{margin-top:1em}

                .sidebarcontent button{margin-bottom:.5em; border: 1px solid #CCC; padding:.8em; border-radius:0px; border-top-right-radius:5px; border-bottom-left-radius:5px; background:none; font-family:"BryantPro-Medium"; color:rgb(119,119,119); font-size:11px;}

                .sidebarcontent button:hover{background:#EEE}

                .sidebarcontent button.backtotop{display:none; padding:.5em; line-height:14px;}

               

                /*TABLES*/

                .article table:not(.dataTable) {width:100%; border-bottom:1px solid #6c6064; margin:1em 0em;}

                .article table:not(.dataTable)  tbody:first-child{border-top:1px solid #6c6054}                  

                .article table:not(.dataTable)  tr:nth-of-type(even) td{background:#EEE}            

                .article table:not(.dataTable)  th {border-top: 1px solid #CCC; background:#EEE; color:#6c6054; border-bottom:1px solid #6c6054; text-shadow:none; padding:1em 1em; vertical-align:bottom}

                .article table:not(.dataTable)  td {padding:1em; color:#6c6054; vertical-align:top;}

                .article table:not(.dataTable)  th:first-child, .main.article table:not(.dataTable)  td:first-child{border-left:1px solid #CCC}

                .article table:not(.dataTable)  th:last-child, .main.article table:not(.dataTable)  td:last-child{border-right:1px solid #CCC}   

               

                /*SWITCH ELEMENT*/

                .selectlist{margin-bottom:1em}

                .selectlist li:first-child{font-size:125%}

                .selectlist li:not(:first-child){margin-left:.45em}

                input[type=checkbox]{display:none}

                input[type=checkbox] + label{flex-basis:50%; font-size:1em; font-weight:normal; user-select:none; color:#bcb4ac; cursor:pointer;}                

                input[type=checkbox] + label>.switch{width:2em; height:1em; display:inline-block; background:#CCC; border-radius:1em; margin-right:15px; position:relative; top:.15em; cursor:pointer}

                input[type=checkbox] + label>.switch::after{content:" "; width:.7em; height:.7em; background:#FFF; position:absolute; top:.15em; left:.15em; border-radius:100%; transition:.2s;}

                input[type=checkbox]:checked + label{color:#6c6054}  

                input[type=checkbox]:checked + label>.switch{background:#72b431}                  

                input[type=checkbox]:checked + label>.switch::after{left:1.15em;}       

                               

                .selectlist:not(:first-of-type) li:not(:first-child){display:none}

                .selectlist .selectspecific{display:block; font-family:"BryantPro-Medium"; text-transform:uppercase; font-size:.6em;margin-left:4.3em; margin-top:-.5em;}

 

/********/

/*FOOTER*/

footer, footer p {

                padding: 0px !important;

                margin: 0px;

                color: #FFF;

                background: #706258;

}

footer .container {

                padding: 30px 0px;

}

footer {

                padding: 30px;

}

footer h4{color:#FFF}

footer a {

                color: #FFF;

                text-decoration: underline;

}

footer a:hover {

                color: #FFF;

                text-decoration:none;

}

footer div {

                padding-bottom: 1em

}

footer.toolfooter{text-align:center;background:#FFF; color:#6c6054; padding:2em !important; font-weight:bold; font-family:"BryantPro-Medium"; text-transform:uppercase}

footer.toolfooter .container{border-top:1px dotted #CCC; }

 

/*********************/

/*SEARCH RESULTS PAGE*/

#searchresults li{margin-bottom:1em; border-bottom:1px solid #EEE; padding-bottom:.5em}

#searchresults .title{color:#00a8c3}

#searchresults .des{margin-bottom:.25em}

#searchresults .text-muted{margin-top:0px; font-size:.75em !important}

#refineresults {font-size:.9em}

#refineresults select{display:block; width:100%; padding:.5em .25em; margin-bottom:1em}

#refineresults li{color:#00a8c3; margin-left:1em; text-indent:-1em; margin-bottom:.25em}

#refineresults .active{font-weight:bold;}

#refineresults .active::after{content:" - Clear Filter"}

 

/*****************/
/*CONTACT US PAGE*/
.fieldwrapper{margin-bottom:1em; margin-left:1em;}
@media screen{.fieldwrapper label{display:none;}}
.fieldwrapper .input-group{width:100%}
.fieldwrapper .field{padding-top:14px !important; border-right-width:0px;}
.fieldwrapper .field:last-child{border-right-width:1px !important}
.fieldwrapper>div:first-child label:first-child + .field{border-top-left-radius:8px !important}
.fieldwrapper>div:last-child label:first-child + .field{border-bottom-left-radius:8px !important}
.fieldwrapper select.field{padding-top:12px !important;}
.fieldwrapper select option{color:#000;}
.fieldwrapper select option:disabled{background:#FFF}
.fieldwrapper>div:not(:first-child) .field{border-top-left-radius:0px !important; border-top-right-radius:0px !important; border-top-width:0px;}
.fieldwrapper>div:not(:last-child) .field{border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important;}
select:invalid { color: #999; }