/*
Theme Name: OlympiansMadeHere - Override
Author: Anonymous
Author URI:
Version: 1
Description: Mainly done to override some inaccurate base styels without affecting ther est
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Theme URI:
*/

:root {
	--yellow: #F7CA33;
    --warning: #F7CA33;
}

li > p {
	margin: 0px;
}

.h1-5 {
	font-size: 7rem;
}

h4,
.h4 {
	font-size: 1.6rem;
}

.btn {
    height: auto !important; /* important because USOPC bootstrap sets this class height to 36 */
}

.btn-warning {
	background-color: #F7CA33;
	border-color: #F7CA33;
}

.btn-warning.disabled,
.btn-warning:disabled {
	background-color: #F7CA33;
	border-color: #F7CA33;
}

.btn-outline-warning {
	color: #F7CA33;
	border-color: #F7CA33;
}

.btn-outline-warning:hover {
	background-color: #F7CA33;
	border-color: #F7CA33;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: #F7CA33;
	background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
	background-color: #F7CA33;
	border-color: #F7CA33;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .add-nav .nav-link:hover,
.navbar-dark .navbar-nav .add-nav a:hover,
.add-nav .navbar-dark .navbar-nav a:hover,
.navbar-dark .navbar-expand-lg .add-nav a:hover,
.navbar-expand-lg .navbar-dark .add-nav a:hover,
.navbar-dark .add-nav a:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .add-nav .nav-link:focus,
.navbar-dark .navbar-nav .add-nav a:focus,
.add-nav .navbar-dark .navbar-nav a:focus,
.navbar-dark .navbar-expand-lg .add-nav a:focus,
.navbar-expand-lg .navbar-dark .add-nav a:focus,
.navbar-dark .add-nav a:focus {
	color: #F7CA33;
}

.badge-warning {
	background-color: #F7CA33;
}

.bg-warning {
	background-color: #F7CA33 !important;
}

.border-warning {
	border-color: #F7CA33 !important;
}

.text-warning {
	color: #F7CA33 !important;
}

.activation-p {
    font-size: 2.5rem;
}

.activation-s {
    font-size: 2.2rem;
}

.add-nav a.yellow-link::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='8px'%3e%3cpolygon fill='white' points='0,0 0,8 8,4'/%3e%3c/svg%3e");
	-webkit-transition: background .3s linear, color .3s linear, border-color .3s linear;
	transition: background .3s linear, color .3s linear, border-color .3s linear;
}
.add-nav a.yellow-link:hover::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='8px'%3e%3cpolygon fill='%23F7CA33' points='0,0 0,8 8,4'/%3e%3c/svg%3e");
}

.download-wyhover::after {	
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewbox='0, 0, 12, 12' width='24' height='24' fill='none' stroke='currentColor' stroke-width='3' stroke-linejoin='round' class='feather feather-download'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' stroke='white'%3e%3c/path%3e%3cpolyline points='7 10 12 15 17 10' stroke='white'%3e%3c/polyline%3e%3cline x1='12' y1='15' x2='12' y2='3' stroke='white'%3e%3c/line%3e%3c/svg%3e");
	-webkit-transition: background .3s linear, color .3s linear, border-color .3s linear;
	transition: background .3s linear, color .3s linear, border-color .3s linear;
	position: relative;
	top: 4px;
}

.download-wyhover:hover::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24px' height='24px' fill='none' stroke='currentColor' stroke-width='3' stroke-linejoin='round' class='feather feather-download'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' stroke='%23F7CA33'%3e%3c/path%3e%3cpolyline points='7 10 12 15 17 10' stroke='%23F7CA33'%3e%3c/polyline%3e%3cline x1='12' y1='15' x2='12' y2='3' stroke='%23F7CA33'%3e%3c/line%3e%3c/svg%3e");
}

.download-yghover::after {
	position: relative;
	top: 2px;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24px' height='24px' fill='none' stroke='currentColor' stroke-width='3' stroke-linejoin='round' class='feather feather-download'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' stroke='%23F7CA33'%3e%3c/path%3e%3cpolyline points='7 10 12 15 17 10' stroke='%23F7CA33'%3e%3c/polyline%3e%3cline x1='12' y1='15' x2='12' y2='3' stroke='%23F7CA33'%3e%3c/line%3e%3c/svg%3e");
	-webkit-transition: all .3s linear, color .3s linear, border-color .3s linear;
	transition: all .3s linear, color .3s linear, border-color .3s linear;
}

.download-yghover:hover::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24px' height='24px' fill='none' stroke='currentColor' stroke-width='3' stroke-linejoin='round' class='feather feather-download'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' stroke='%23A7A9AC'%3e%3c/path%3e%3cpolyline points='7 10 12 15 17 10' stroke='%23A7A9AC'%3e%3c/polyline%3e%3cline x1='12' y1='15' x2='12' y2='3' stroke='%23A7A9AC'%3e%3c/line%3e%3c/svg%3e");
}
.download-yghover:focus::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24px' height='24px' fill='none' stroke='currentColor' stroke-width='3' stroke-linejoin='round' class='feather feather-download'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' stroke='%23A7A9AC'%3e%3c/path%3e%3cpolyline points='7 10 12 15 17 10' stroke='%23A7A9AC'%3e%3c/polyline%3e%3cline x1='12' y1='15' x2='12' y2='3' stroke='%23A7A9AC'%3e%3c/line%3e%3c/svg%3e");
}

h3,
.h3 {
	line-height: 1.00;
	font-weight: 300;
	font-weight: bold;
}

.section-heading.text-center.split-section-heading h3:after,
.section-heading.text-center.split-section-heading .h3:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section-heading h1,
.section-heading .h1,
.section-heading h2,
.section-heading .h2,
.section-heading h3,
.section-heading .h3 {
	position: relative;
}

.section-heading h1:after,
.section-heading .h1:after,
.section-heading h2:after,
.section-heading .h2:after {
	width: 2.6rem;
	height: .8rem;
	content: "";
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: #F7CA33;
}

.split-section-heading h3:after,
.split-section-heading .h3:after {
	width: 2.6rem;
	height: .8rem;
	content: "";
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: #F7CA33;
}

.section-heading h3,
.section-heading .h3 {
	position: relative;
	padding: 0 0 3.1rem;
}

.btn.btn-yellow-link {
	background: #000;
	color: #fff;
	font-weight: 100;
	font-size: 3.0rem;
	padding-top: 8px;
	padding-bottom: 8px;
}

.btn-yellow-link:hover {
	color: #F7CA33 !important; /* USOPC screen size stops hover for this in li otherwise */
}

.cta-block .cta-text:before {
	background-color: #F7CA33;
}

.features-block .img-holder {
	width: 100%;
}

.item-lg .features-block .img-holder {
	height: 14.5rem;
	width: 14.5rem;
}


.features-block .text-holder a.features-link:link, .features-block .text-holder a.features-link:visited, .features-block .text-holder a.features-link:active { color: #F7CA33; }
.features-block .text-holder a.features-link:hover, .features-block .text-holder a.features-link:focus{ color: #A7A9AC; text-decoration: none; }

@media (min-width: 576px) {
    .features-block .img-holder {
		height: 16rem;
		width: 16rem;
		width: 100%;
	}
}

@media (min-width: 768px) {
    h3,
	.h3 {
		font-size: 2.2rem;
		line-height: 1;
		font-weight: bold;
	}
}

@media (min-width: 1024px) {
    .header .navbar-inner .add-nav {
		width: 100%;
	}

	.header .navbar-inner .add-nav div {
		display: flex;
    }
    
    .header .navbar-inner .add-nav .left-nav {
		margin-right : auto;
		width: auto;
	}

	.header .navbar-inner .add-nav .center-nav {
		flex-grow: 1;
	}

	.header .navbar-inner .add-nav .right-nav {
		margin-left : auto;
		width: auto; 
    }
    
    .header .navbar-inner .add-nav a:hover,
	.header .navbar-inner .add-nav a:focus {
		color: #F7CA33;
	}

	.header .navbar-inner .add-nav .right-align {
		margin-left: auto;
	}

    .search-popup-opener:hover {
		color: #F7CA33;
    }
    
    .section-heading h2,
	.section-heading .h2,
	.section-heading h3,
	.section-heading .h3 {
		padding: 0 0 3.6rem;
    }
    
    .two-cols-container .section-heading h2,
	.two-cols-container .section-heading .h2,
	.two-cols-container .section-heading h3,
	.two-cols-container .section-heading .h3 {
		padding: 0 0 4.8rem;
    }
    
}

@media (min-width: 1200px) {
    h3,
	.h3 {
		font-size: 2.6rem;
		font-weight: bold;
    }
    
}
@media (max-width: 1023.98px) {
    .header .navbar-light .add-nav li.active a {
        color: #F7CA33;
    }
}