/*-------------CARIBBEAN CHALLENGES-------------*/
/*-------------colors-------------*/
//#000000; /*black*/
//#ffffff; /*white*/
//#ececec; /*lightest grey (usually for borders)*/
//#a8e0f9; /*light blue*/
//#4eb0d9; /*med blue*/
//#258486; /*blue-green*/
//#015a8d; /*dark blue*/
//#173258; /*darkest blue*/

//#025442; /*Caribbean green*/
//#035dab; /*Caribbean blue*/
//#05aff2; /*Caribbean turquoise*/
//#04e0a6; /*Caribbean seafoam*/
//#fff4b1; /*Caribbean yellow*/

:root {
--primary: #05aff2; /*Caribbean turquoise*/
--primary-dark: #035878; /*darker turquoise*/
} /*primary color is set in theme settings, but primary dark is not specified*/


/*-------------fonts-------------*/
body, button, input, select, optgroup, textarea {
font-family: azo-sans-web, sans-serif;
font-style: normal;
font-weight: 400;
}

body, button, input, select, optgroup, textarea {
font-size: 1.1rem;
}

h1 {
font-family: rig-solid-bold-inline-solo, sans-serif;
font-style: normal;
font-weight: 700;
color: #035dab; /*Caribbean blue*/
}

h2, h3, h4, h5, h6 {
font-family: azo-sans-web, sans-serif;
font-style: normal;
font-weight: 600;
}

h2 {
color: #000000; /*Black*/
}

h3 {
color: #04e0a6; /*Caribbean seafoam*/
}

a, a:visited {
color: #05aff2; /*Caribbean turquoise*/
}

pre {
font-family: azo-sans-web, sans-serif;
font-style: normal;
font-weight: 300; /*Azo Sans Light*/
/*color: #025442;*/ /*Caribbean green*/
background: #a8e0f950; /*light blue 50%*/
}

code {
font-family: "Courier 10 Pitch", courier, monospace;
}


/*-------------header and navigation-------------*/
.main-header {
position: sticky;
top: -250px !important;
z-index: 999;
} /*Makes header sticky, to show the banner when scrolled up, but will let the banner scroll up to allow the main area get larger. Will stop at navigation buttons.*/

.main-header--center {
padding-top: 0 !important;
} /*keeps sticky header at top when scrolling up*/

.main-header__top-bar.container {
display: none;
} /*takes off advanced search bar at top of page*/

.main-header__main-bar.container {
background-color: #025442; /*Caribbean green*/
padding: 10px 0 0;
} /*lets header go all the way to the edge of the screen, but still separates from the top a little*/

@media (min-width: 768px){
.main-header__main-bar.container {
background-color: #025442; /*Caribbean green*/
padding: 10px 0 0;
}} /*lets header go all the way to the edge of the screen, but still separates from the top a little*/

.main-header__site-title a img {
background-color: #ffffff; /*white*/
max-height: 175px;
margin: 10px;
box-shadow: 0 0 6px 2px rgba(0,0,0,0.5); /*black 50%*/
} /*logo height, background color, shadow, margin*/

.main-navigation {
display: inline-flex;
justify-content: center;
background-color: transparent;
width: 100%;
} /*adds color to navigation bar, stretches across screen, brings everything back to center*/

.main-navigation .navigation {
font-size: 1.7rem;
font-weight: bold;
} /*reduces size of navigation button font*/

.main-navigation .navigation>li>a {
color: #ffffff; /*white*/
}

.main-navigation .navigation>li.active>a {
font-weight: unset;
color: #fff4b1; /*Caribbean yellow*/
} /*should keep the font weight the same, even when active*/

.main-navigation .navigation>li.active>a::after {
background: #fff4b1; /*Caribbean yellow*/
height: 2px;
}

.main-header--center .main-navigation .navigation>li>a {
margin: 5px 15px;
} /*margin around text part of navigation buttons that affects spacing between, as well as around*/

ul li {
margin-bottom: unset;
} /*reduces margin under nav buttons*/


.menu-drawer {
background-color: #025442; /*Caribbean green*/
}

/*-------------footer-------------*/
.main-footer__top {
background-color: #04e0a6; /*Caribbean seafoam*/
color: #025442; /*Caribbean green*/
padding: 10px 0;
display: none;
}

@media (min-width: 1024px){
.main-footer__top {
padding: 10px 0;
display: none;
}}

.main-footer__top-container>div {
margin-bottom: 0;
}

.main-footer__bottom {
background-color: #025442; /*Caribbean green*/
color: #ffffff; /*white*/
padding: 15px 0;
}

.main-footer__col1 {
text-align: center;
}

.main-footer__col1 img {
margin-bottom: 0;
}

@media (min-width: 1024px){
.main-footer__col1, .main-footer__col3 {
text-align: center;
}}


/*-------------home page only-------------*/



/*-------------body-------------*/


.title {
padding-top: 1rem;
} /*makes padding-top the same as the padding-bottom*/


.assets {
margin-bottom: unset;
} /*unsets the bottom margin below an asset*/

.container {
max-width: unset;
} /*adjusts the max-width of the main container*/

#main-content {
background: rgba(5,175,242,0.2) border-box;
/*background-image: linear-gradient(to top right, rgba(255,244,177,0.3), rgba(4,224,166,0.3), rgba(5,175,242,0.3);*/
padding: 5% 10%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
} /*adjusts margins and padding around the main content area*/


.site-page-Law #main-content, .site-page-Anglican #main-content, .site-page-Duvalier #main-content, .site-page-Guyana #main-content {
    padding: unset;
}

/*-------------Item Page-------------*/
.resource-tags {
display: none;
} /*takes out the resource tags at the top of the page*/

.regions-container .sidebar-region {
width: 50%;
} /*makes the sidebars share the width evenly*/

body.item.resource.show dl.media-list, .item #main-content > p {
display: none;
} /*takes out the "Part of" on item page*/

/*body.media.resource.show dl.media-list, .item #main-content > p {
display: none;
}*/ /*takes out the "Part of" on media page*/


/*-------------Light Gallery-------------*/
#lg-download-1.lg-download.lg-icon, .lg-toolbar .lg-icon, .lg-toolbar .lg-counter {
color:#025442; /*Caribbean green*/
font-size: 30px;
height: 50px;
line-height: 30px;
}

.lg-outer .lg-img-rotate {
margin: 10px;
} /*makes room for the box-shadow to show*/

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
box-shadow: 0px 4px 6px 2px rgba(0,0,0,.11);
} /*adds a shadow to the image in the light gallery*/

.lg-backdrop.in {
background-color: #ececec90; /*lightest grey 90%*/
opacity: 1;
} /*changes the background behind the media*/

#lg-toolbar-1.lg-toolbar.lg-group {
background-color: #b3b3b390; /*light warm grey 90%*/
} /*changes background color of toolbar*/

#lg-download-1.lg-download.lg-icon:hover, .lg-toolbar .lg-icon:hover {
color: #025442; /*Caribbean green*/
text-shadow: 0 0 5px #f0d5bd;
background-color: unset;
} /*changes font color of toolbar buttons*/