/*
Theme Name: The Loppet Foundation
Description: Custom theme for the Loppet.
Version: 1.2.26
License: GNU General Public License v2 or later
*/

@font-face {font-family: 'Frontage-Bold';src: url('fonts/39DDD3_0_0.eot');src: url('fonts/39DDD3_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/39DDD3_0_0.woff2') format('woff2'),url('fonts/39DDD3_0_0.woff') format('woff'),url('fonts/39DDD3_0_0.ttf') format('truetype');}

body, .slice {
    background-color: #fafafa;
}

a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0092b3;
}

.main-content-body p a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #42B4CF;
    text-decoration: underline;
}

.form-control:focus {
    color: #404040;
    border-color: rgba(6, 149, 181, 0.75);
}

.main-content-body .btn-primary {
    color: #fff;
    background-color: #0092b3;
    border-color: #0092b3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-content-body .btn-primary:hover, .main-content-body .btn-primary:active {
    color: #fff !important;
    background-color: #78c3d4 !important;
    border-color: #78c3d4 !important;
    text-decoration: none;
}

.bg-dark {
    background-color: #404040 !important;
}

.bg-gradient-loppet-blue {
    background: linear-gradient(50deg,#0092b3,#78c3d5)!important;
}

.navbar-top {
    z-index: 1;
}

.navbar-brand {
    position: absolute;
    top: -57px;
}

#navbar-logo {
    height: 155px;
    width: auto;
}

#navbar-top-main, .footer {
    background-color: #0092b3;
    background-image: url("img/bgtexture.png");
}

.navbar-nav .nav-link {
    font-size: 1em;
}

.breadcrumbs {
    background-color: #eee;
    text-transform: lowercase;
}

.font-family-frontage {
    font-family: 'Frontage-Bold', sans-serif;
    font-weight: 400;
}

.main-content {
    overflow-x: hidden;
}

.page-title {
    font-family: 'Frontage-Bold', sans-serif;
    font-family: 'Frontage-Bold', sans-serif;
    font-size: 4.25rem;
    font-weight: 400;
}

.table, .main-content p, .main-content li,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #404040;
}

#footer-main {
    border-bottom: 25px solid #404040;
}

.footer {
    padding-bottom: 3rem;
}

.btn-ribbon {
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    font-weight: bold;
}
.btn-ribbon:hover, .btn-ribbon:active {
    border-color: #ececec;
}
.btn-ribbon:before, .btn-ribbon:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: -1px;
}
.btn-ribbon:before {
    left: -11px;
    border-top: 20px solid #fff;
    border-bottom: 19px solid #fff;
    border-right: none;
    border-left: 10px solid transparent
}
.btn-ribbon:after {
    right: -11px;
    border-top: 20px solid #fff;
    border-bottom: 19px solid #fff;
    border-right: 10px solid transparent;
    border-left: none;
}
.btn-ribbon:hover:before, .btn-ribbon:hover:after,
.btn-ribbon:active:before, .btn-ribbon:active:after{
    border-top-color: #ececec;
    border-bottom-color: #ececec;
}

.nav-page-content .wp-block-separator {
    margin: 3em auto;
}

.wp-block-group:after {
    border-bottom: 2px solid #8f98a1;
    display: block;
    content: " ";
    margin: 3em auto;
    max-width: 200px;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.main-content-body h2, .main-content-body h3 {
    font-weight:bold;
}

.content-group h2 {
    position: relative;
}

.content-group .collapse {
    padding: 0px 0px 75px;
}

.main-content-body .accordion h2 {
    border-bottom: 1px solid #8f98a1;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.main-content-body h3 {
    margin: 1.75em 0 .5em;
}

.main-content-body .collapse h3:first-child {
	margin-top:0;
}

.card {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.on-page-nav .list-group-item {
    white-space: nowrap;
}

.on-page-nav .list-group-item div {
    overflow: hidden;
}

.on-page-nav .list-group-item.active:before,
.on-page-nav .list-group-item.active:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: -1px;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
}

.nav-page-content .card,
.nav-page-content .card-header,
.nav-page-content .list-group-item {
    border-color: #eaeaea;
}

.on-page-nav .list-group-item.active {
    background-color: #0092b3;
    border-color: #0092b3;
}

.on-page-nav .list-group-item.active:before {
    left: -10px;
    border-right: 10px solid #0092b3;
}

.on-page-nav .list-group-item.active:after {
    right: 0;
    border-right: 10px solid #ffffff;
}

.table td, .table th {
    white-space: normal;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #E6EEEE !important;
    white-space: normal;
    font-family: sans-serif;
}

.wp-block-image img {
	height: auto;
}

.sponsorHeading {
    padding: 10px;
    border-top: 2px solid #EAEAEA;
    border-bottom: 2px solid #EAEAEA;
}

.sponsorListHolder{
    margin:0 auto 30px auto;
    float:left;
}
.sponsor{
    width:198px;
    height:198px;
    float:left;
    margin:4px;
    position:relative;
    cursor:pointer;
}

.sponsorFlip{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:1px solid #ddd;
    background: #f9f9f9;
}
.sponsorFlip img {
    width:195px;
    height:195px;
}

.sponsorFlip:hover{
    border:1px solid #999;

    /* CSS3 inset shadow: */
    -moz-box-shadow:0 0 30px #999 inset;
    -webkit-box-shadow:0 0 30px #999 inset;
    box-shadow:0 0 30px #999 inset;
}

.zap-registration-button {
    width: 201px;
    height: 37px;
    cursor: pointer;
    border: none;
    /*text-indent: -1000px;*/
    overflow:hidden;
    display: block;
	margin: 0.75rem auto;
	background: url("/wp-content/themes/loppet/img/blank-register-btn.png") 0 0 no-repeat;
    background-size: 201px;
    transition: none;
    text-align: center;
    line-height: 37px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.zap-registration-button:hover {
	background-position: 0px -37px;
    color: #fff;
}

.btn-register-lg {
	width: 250px;
    height: 45px;
    background-size: 250px;
    font-size: 1.25rem;
    line-height: 45px;
    margin: 2rem auto;
}
.btn-register-lg:hover {
	background-position: 0px -46px;
}

.ribbon-banner {display: table;max-width: 85%;font-size: 24px;line-height: 26.8px;position: relative;background: #c5be92;color: #fff;text-align: center;padding: .3em 1em .3em;margin: .75em auto .75em !important;text-shadow: 0 1px 3px #6c6c6c;}
.ribbon-banner { color: #fff; }
.ribbon-banner:before,.ribbon-banner:after {content: "";position: absolute;display: block;bottom: 0;border-width: 20px;border-style: solid;border-color: #c5be92;}
.ribbon-banner:before {left: -1em;border-right-width: 1.5em;border-left-width: 0.5em;border-left-color: transparent;}
.ribbon-banner:after {right: -1em;border-left-width: 1.5em;border-right-width: 0.5em;border-right-color: transparent; }
.loppet-btn-tiles div {margin-bottom:15px;}
.loppet-btn-tiles a:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
}
.loppet-btn-tiles span.tile-bg {background: #404041;padding: 6px 8px;min-height: 100px;display:block; }
.loppet-btn-tiles a:hover span.tile-bg { background-color: #525252; }
.loppet-btn-tiles img {height:auto;max-width:100%;}
.loppet-btn-tiles a {color:#fff;display: block;}
.loppet-btn-tiles a:hover {text-decoration:none;}
.loppet-btn-tiles strong {font-size: 15px;line-height: 22px;}
.loppet-btn-tiles span.tile-description {color: #ccc;}
.loppet-btn-tiles span.tile-bg-sm { min-height:80px !important; }

.mini-btn-tiles div.small-text strong { font-size: 13px; line-height: 20px; }
.mini-btn-tiles div {
    display: block;
    float: left;
    width: 134px;
    min-height: 28px;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.mini-btn-tiles span.tile-bg {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
    max-width: 45%;
    height: auto;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
    max-width: 45%;
    height: auto;
}

.loppet-card { background-color:#eee; }
.loppet-card div { background-color: #404040; }
.loppet-card, .card-img { border-radius: 0; }
.loppet-card h5 { color: #fff;margin-bottom:0; }
.loppet-card p  { color: #ccc; }

.card>.list-group:last-child .list-group-item:last-child {
    border-radius:0;
}

#tablepress-4 td.column-1 {
    min-width: 125px;
}

.btn-outline-loppet {
    border-color: #0193b3;
    color: #0193b3;
}

.btn-outline-loppet:hover {
    background-color: #0193b3;
    color: #fff !important;
    text-decoration: none !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu .list-group > li:hover .list-group-item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f5f5f5;
    }
}

@media (max-width: 991.98px) {
    #navbar-top-main .navbar-nav {visibility: hidden; }
    .navbar-brand {
        left: 45px;
        right: 45px;
        text-align: center;
        margin-right: 0;
    }
    .navbar-collapse {
        padding-top: 60px;
    }
    .content-group h2 {
        cursor: pointer;
    }

    .content-group h2:before {
        position: absolute;
        font-family: 'Frontage-Bold',sans-serif;
        font-weight: 400;
        content: "+";
        right: .85rem;
        top: 0;
    }

    .content-group h2[aria-expanded="false"]:before {
        content: "+";
    }

    .content-group h2[aria-expanded="true"]:before {
        content: "-";
    }
}


/* Font Sizing */
@media (max-width: 1199.98px) { }

@media (max-width: 991.98px) {
    .page-title {
        font-size: 3rem;
    }
	.sponsor {
		width: 180px;
		height: 180px;
	}
	.sponsorFlip img {
		width: 177px;
		height: 177px;
	}
}

@media (max-width: 767.98px) {
    .page-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .page-title {
        font-size: 2rem;
    }
}

.jetpack-search-filter__link .fa-search { opacity:0.85; }
.jetpack-instant-search__search-result-expanded__content { display: none; }