/*
Theme Name: plea
Template: hf-foundation
Author: Jordan Dorley @ Hunchfree
Author URI: plea.hunchfree.com/
Description: Child Theme Styles for PLEA
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hf_found
*/

.mobile-logo-link {
	padding-top: 1rem;
	}

@media only all and (min-width: 851px) {
	
	ul.sub-menu {
		background: #ac9f7e;
	}
	
	.utility.desktop .menu-item {
		padding-top: 8px;
		height: 38px;
		}
	
	.utility.desktop ul li:hover > a {
    	color: #6b6351;
	}
	
	.sub-menu {
	position: relative;
    }
    
    .nav.desktop ul.pvtdd {
    z-index: 1;
}
    
    
	/* hide the mobile navigation block at this size */
	#mobile-nav-block {
		display: none;
	}
	#mobile-nav-pad,
	.theme-sticky-mobile-nav #mobile-nav-pad {
		display: none;
	}
	.theme-sticky-nav #mobile-nav-pad,
	.admin-bar .theme-sticky-nav #mobile-nav-pad {
		/* the height of the pad should be the height of the sticky nav */
		display: block;
		height: 78px;
	}

	/* show the hideable nav block at this size */
	#hideable-nav-block {
		display: block;
		background-color: transparent;
	}
	/* unstick the hideable nav if only the mobile nav is sticky */
	.theme-sticky-mobile-nav #hideable-nav-block,
	.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
		position: relative;
		top: 0;
	}
	.theme-sticky-nav #hideable-nav-block {
		top: 0;
	}
	.admin-bar .theme-sticky-nav #hideable-nav-block {
		top: 32px;
	}
	/* add a box shadow and opacity if the user has scrolled down to
		ensure that the header is distinct from the other content
	*/
	.scrolled .theme-sticky-nav #hideable-nav-block {
		opacity: 0.9;
		box-shadow: 0 1px 3px #333;
		background-color: #FFF;
	}

	/* Privateer Drop Down Menus */
	ul.pvtdd,
	ul.pvtdd ul,
	ul.pvtdd li {
		list-style: none;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}
	ul.pvtdd {
		position: relative;
		z-index: 500;
		padding-top: 0px;
		display: inline-block;
		line-height: 1;
	}

	ul.pvtdd ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}

	ul.pvtdd li {
		vertical-align: middle;
		float: left;
		zoom: 1;
	}

	ul.pvtdd li.hover,
	ul.pvtdd li:hover {
		position: relative;
	}

	ul.pvtdd li a,
	ul.pvtdd ul li a {
		margin: 0;
		display: block;
	}

	ul.pvtdd ul li {
		float: none;
		/* padding-left: 0.5em; */
	}

	ul.pvtdd ul ul {
		top: 0;
		left: 100%;
	}

	ul.pvtdd li:hover > ul {
		visibility: visible;
	}

	/* horizontal downward tweaks - Values for margins should be 2 times border thickness */

	ul.pvtdd-h-down ul ul {
		margin-top: 0;
	}

	ul.sub-menu {
		display:block;
		background-color: #ac9f7e;
		opacity: 1;
		text-align: left;
		border-top: 5px solid #8e8368;
		width: 270px;
	}
	
	ul.pvtdd ul.sub-menu a:hover {
    background-color: #6b6351;
}

	ul.pvtdd li {
		display: inline;
		/* width: 25%; */
		/* float: left; */
		text-align: left;
		margin-top: 0em;
	}

	ul.pvtdd li a {
		font-family: 'Open Sans', sans-serif;
    	color: #fefefe;
		border: 0 none;
		width: auto;
		display: inline;
		margin: 0;
		background-color: transparent;
	}
	
	.nav.desktop ul.pvtdd li a {
		font-family: 'Oswald', sans-serif;
    	color: #0055a2 !important;
    	letter-spacing: 0.08rem;
    	text-transform: uppercase;
    	font-size: 1.2rem;
		border: 0 none;
		width: auto;
		display: inline;
		margin: 0;
		background-color: transparent;
	}
	
	.nav.desktop ul.pvtdd li a:hover {
    	color: #0272d8 !important;
	}
	
	ul.pvtdd > li:first-of-type a {
		padding-left: 0;
	}
	ul.pvtdd > li:last-of-type a {
		padding-right: 0;
	}
	ul.pvtdd li a:hover {
		background-color: transparent;
	}
	ul.pvtdd ul li {
		margin: 0;
	}
	ul.pvtdd li.no_mobile {
		display: block;
	}
	ul.pvtdd ul.sub-menu a {
		padding-left: 0.5em;
		background-image: none;
		color: #FFF;
	}
	
	ul.pvtdd ul.sub-menu a:hover {
    color: #FFF;
	}

	/* Add any special styling for large displays of the drop down menus here */
}

@media screen and (min-width: 851px) {
    .mobile {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .desktop {
    display: none;
    }
}

.title-bar {
    background: #fefefe;
    color: #0055a2;
    padding: 0.5rem;
}

.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0055a2;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0055a2, 0 14px 0 #0055a2;
}

.top-bar, .top-bar ul {
    background-color: #ac9f7e;
    padding: 0.5rem 0 0.5rem 0;
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.top-bar, .top-bar ul a {
    color: #fefefe !important;
}

.nav .menu .top-bar  {
    padding-top: 0px;
}

.row {
    max-width: 85rem;
}

.logo {
	padding: 1rem 0 1rem 0;
}

.utility {
    background: #ac9f7e;
    height: 38.38px;
}

.utility p {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin: 0.25rem 0 0.25rem 0;
}

.utility a {
    color: #e2e2e2;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

.utility a:hover, a:focus {
    color: #c1c1c1;
}

.utility .menu > li > a {
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
}

ul.pvtdd li.call a {
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0.08rem;
    padding-left: 0;
    color: #e2e2e2;
    }


.utility .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
}

.call {
    background: #8e8368;
    height: 38.38px;
    padding: 0.25rem 0.5rem !important;
    padding-top: 0 !important;
}

ul.pvtdd li a .call {
	padding: 0;
	}

.nav .menu {
    padding-top: 30.5px;
}

.nav .menu .submenu {
    padding-top: 0px;
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #ac9f7e;
    border: none;
    border-top: 5px solid #8e8368;
}

.menu.alt > li > a {
    font-family: 'Oswald', sans-serif;
    color: #0055a2 !important;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.menu.alt > li > a:hover {
    color: #21486f !important;
}


.menu > li > a {
    font-family: 'Open Sans', sans-serif;
    color: #0055a2;
}

h2 {
    font-size: 1.8rem;
}

p {
    font-family: 'Open Sans', sans-serif;
	color: #484848;
}

.hero {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: lightgrey;
}

@media screen and (min-width: 768px) {
.hero {
    padding: 240px 0 240px;
	}
}

@media screen and (max-width: 767px) {
.hero {
    padding: 130px 0 110px;
	}
}

.hero h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.hero h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.hp-data {
	padding: 3.5rem 0 3.5rem 0;
	background-color: #f7f7f7;
}

.icon {
	width: 100px;
    padding-bottom: 1rem;
}

h2.data-title {
    font-size: 1.1rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    color: #484848;
}

.hp-what {
    margin: 0 auto;
}

.hp-what h2 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

@media screen and (min-width: 768px) {
.hp-what {
    padding: 5rem 0 5rem;
	}
}

@media screen and (max-width: 767px) {
.hp-what {
    padding: 3.5rem 0 3.5rem;
	}
}

.hp-what p {
	font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
.hp-segment {
    padding: 5rem 0 5rem;
    }
}

@media screen and (max-width: 767px) {
.hp-segment {
    padding: 3.5rem 0 3.5rem;
    }
}

@media screen and (max-width: 560px) {
.hero h1.post-title > .sub-title {
    font-size: 1rem;
}

.hero h1.post-title {
    font-size: 2.5rem;
}
}



.hp-segment h2 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    padding-bottom: 1.5rem;
}

.callout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    min-height: 200px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	padding: 0;
}

h2.title-text {
    font-family: 'Oswald', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    font-size: 2.5rem;
    line-height: 1;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    -ms-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
    padding: 1rem;
    bottom:0;
    position: absolute;
    color: #fefefe;
}

.title-section {
    color: #fff;
    height: 15rem;
    background: lightgrey;
    position: relative;
}

.title-body {
	padding:1rem;
}

.title-action {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 1rem;
    box-sizing: border-box;
    border-top: 1px solid rgba(0,0,0,.1);
}

.hp-retire {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 100% 30%;
    z-index: 2;
}

h2.retire {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

@media screen and (min-width: 768px) {
.hp-retire {
    padding: 5rem 0 5rem;
	}
}

@media screen and (max-width: 767px) {
.hp-retire {
    padding: 3.5rem 0 3.5rem;
	}
}

.hp-email {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 100% 30%;
    z-index: 2;
    background-color: #ac9f7e;
}

@media screen and (min-width: 768px) {
.hp-email {
    padding: 2rem 0 2rem 0;
    }
}

@media screen and (max-width: 767px) {
.hp-email {
    padding: 1.5rem 0 1.5rem 0;
    }
}

h2.email-signup {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

.footer {
	background-color: #0055a2;
    padding: 1.2rem 0 1.2rem 0;
}

.footer h2 {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-size: 1.2rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.footer h3 {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.footer p {
    color: #fefefe;
    font-size: 0.8rem;
}

.footer a {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.button {
    font-family: 'Oswald', sans-serif;
    background-color: #f36610;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.button.hollow {
    border: 1px solid #f36610;
    color: #f36610;
}

.button:hover, .button:focus {
    background-color: #a74408;
    color: #fefefe;
}

.button.hollow:hover, .button.hollow:focus {
    border-color: #a74408;
    color: #a74408;
}

a {
    color: #f36610;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

a:hover, a:focus {
    color: #a74408;
}

.header {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: lightgrey;
}

.header h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.header p {
    color: #fefefe;
}

@media screen and (min-width: 768px) {
.header {
    padding: 3rem 0 3rem 0;
    }
}

@media screen and (max-width: 767px) {
.header {
    padding: 2rem 0 2rem 0;
    }

.header h1.post-title {
    font-size: 1.5rem;
}
}

.what-services {
    padding: 3.5rem 0 3.5rem 0;
    background-color: #f7f7f7;
}

.what-services h2 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

.what-services h3 {
    font-size: 1rem;
    font-family: 'open sans', sans-serif;
    font-weight: 400;
    color: #484848;
}

.what-services p {
    font-size: 1.1rem;
}


.hp-what h3 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    font-size: 1.2rem; 
}

.small-text {
    font-size: 0.8rem;
}

.board-profile {
    padding-bottom: 2.5rem;
}

.ind-core-1 {
    padding-top: 3rem;
    position: relative;
}

.ind-core-1:after {
    content: "\f24e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 10rem;
    color: rgba(172, 159, 126, 0.25);
    top: 25px;
    z-index: -1;
    right: 0;
}

.ind-core-2 {
    padding-top: 3rem;
    position: relative;
}

.ind-core-2:after {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 10rem;
    color: rgba(172, 159, 126, 0.25);
    top: 25px;
    z-index: -1;
    left: 0;
}

.ind-core-3 {
    padding-top: 3rem;
    position: relative;
}

.ind-core-3:after {
    content: "\f132";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 10rem;
    color: rgba(172, 159, 126, 0.25);
    top: 25px;
    z-index: -1;
    right: 0;
}

.ind-core-4 {
    padding-top: 3rem;
    padding-bottom:1.5rem;
    position: relative;
}

.ind-core-4:after {
    content: "\f0f9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 10rem;
    color: rgba(172, 159, 126, 0.25);
    top: 25px;
    z-index: -1;
    left: 0;
}

.ind-services h3 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    font-size: 1.3rem; 
}

.what-services h3 {
    font-family: 'Oswald', sans-serif;
    color: #484848;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    font-size: 1.3rem; 
}

@media screen and (max-width: 830px) {
    .ind-core-1:after {
    top: 25%;
    right: 0;
}
    .ind-core-2:after {
    top: 25%;
    left: 0;
}
    .ind-core-3:after {
    top: 25%;
    right: 0;
}
    .ind-core-4:after {
    top: 25%;
    left: 0;
}
}

.addons .title-section {
    height: 12rem;
}

.addons h2.title-text {
    font-size: 1rem;
    top: 0;
    letter-spacing: 0.15rem;
    color: #fefefe !important;
}

.tabs-title > a {
    background: #ac9f7e;
}

.tabs-title > a:hover {
    background: #8e8368;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #8e8368;
}

.tabs-title > a {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    font-size:  1rem;
    padding: 1.8rem 1.5rem;
}

.tabs {
    background: #ac9f7e;
}

.attorney {
    border-bottom: 1px solid #ac9f7e;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.attorney i {
    color: #ac9f7e;
}

table thead {
    background: #ac9f7e;
    color: #fefefe;
}

thead:hover {
    background: #ac9f7e !important;
    color: #fefefe !important;
}

.hp-data i {
    color: #ac9f7e;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.testimonials {
    background: #ac9f7e;
}

.testimonials h2 {
    font-family: 'Oswald', sans-serif;
    color: #6f6651;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    padding-bottom: 1.5rem;
}

.testimonials h3 {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-weight: 800;
    letter-spacing: 0.25rem;
}

@media screen and (min-width: 768px) {
.testimonials {
    padding: 5rem 0 5rem;
    }
}

@media screen and (max-width: 767px) {
.testimonials {
    padding: 3.5rem 0 0.5rem;
    }
}

.orbit-bullets button.is-active {
    background-color: #6f6651;
}

.orbit-bullets button {
    background-color: #8e8368;
}

/* -------------------------------------
------------ OVERLAY EFFECT --------------
--------------------------------------*/

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(172, 159, 126, 0.95);
    z-index: 5000;
    overflow: scroll;
}

/* Overlay closing cross */
.overlay .overlay-close {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url('/wp-content/uploads/2017/01/cross.png') no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}

/* Menu style */
.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 80%;
}

.overlay ul li {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 1px solid rgba(254, 254, 254, 0.35);
}

.overlay ul li.is-accordion-submenu-item {
    border-bottom: none;
}

.overlay ul li a {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
}

.overlay .is-accordion-submenu-item a {
    font-size: 1.2rem;
    border-bottom: none;
    }
    
.overlay ul li a:hover,
.overlay ul li a:focus {
    color: #6f6651;
}

.overlay .menu > li > a:first-child {
    /* padding-right: 0rem; */
    padding: 0.7rem 1rem;
    }

.overlay .menu.nested {
    margin-left: 0rem;
    }

/* Effects */
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    }

.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    }

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}

#trigger-overlay {
    padding-top: 0.75rem;
    color: #0055a2;
    padding-bottom: 0.5rem;
}

/* --- NEW ADDITIONS --- */

.foundation-header {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: lightgrey;
}

.foundation-header h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.foundation-header p {
    color: #fefefe;
}

@media screen and (min-width: 768px) {
.foundation-header {
    padding: 3rem 0 3rem 0;
    }
}

@media screen and (max-width: 767px) {
.foundation-header {
    padding: 2rem 0 2rem 0;
    }

.foundation-header h1.post-title {
    font-size: 1.5rem;
    }
}

.tabs-title.bronze > a {
    background: #CD7F32;
}

.tabs-title.bronze > a[aria-selected='true'] {
    background: #9c6024;
}

.tabs-title.bronze > a:hover {
    background: #9c6024;
}

.tabs-title.silver > a {
    background: #C0C0C0;
}

.tabs-title.silver > a[aria-selected='true'] {
    background: #989898;
}

.tabs-title.silver > a:hover {
    background: #989898;
}

.tabs-title.platinum > a {
    background: #dedbd5;
}

.tabs-title.platinum > a[aria-selected='true'] {
    background: #b7b5af;
}

.tabs-title.platinum > a:hover {
    background: #b7b5af;
}

.accordion-title {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.accordion {
    list-style-type: none;
    background: #ac9f7e;
    margin-left: 0;
}

.accordion a {
    color: #fefefe;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #8e8368;
}

label {
    line-height: 1;
    color: #fefefe;
}

.form-submit-button-simple_white {
    font-family: 'Oswald', sans-serif;
    background-color: #f36610;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.newsletter {
    margin-top: -30px;
	}

@media screen and (min-width: 768px) {
.newsletter {
    margin-top: -60px;
    margin-bottom: -50px;
	}
}

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

.addons h2.title-text {
    font-size: 1.5rem;
    }
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 10px;
    top: 0px;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 35px;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.prev {
    left: -10rem;
}

.next {
    right: -10rem;
}

@media(max-width: 576px)
{
    .mobile-padding{
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .prev {
        left: 0;
    }

    .next {
        right: 0;
    }
}