/**************************************************
Put div-embed at the top so it does not get looked
over.  Most mk's have this but it is used for the media
monklets.  Remove if already in use...make sure not to
use an approac that conflicts with fitvids.
**************************************************/
.div-embed {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 0;
 height: 0;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}

.div-embed img {
 display: block;
 width: 100%;
 height: auto;
}

.div-embed iframe, .div-embed object, .div-embed embed, .div-embed video {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0 !important;
}

.div-embed video {
 background-position: center center;
 background-size: cover;
 -o-object-fit: cover;
   object-fit: cover;
}


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

LAYOUT SITE ONLY - REMOVE AND
MAKE SURE TO USE CLIENTS FULL WIDTH SECTION OPTIONS

**************************************************/
/* img {
 max-width: 100%;
} */

/*make sure you have fonts assigned before you remove*/
#shell,
.content,
.content-section {
 font-family: proxima-nova-1,proxima-nova-2,sans-serif;
}

#content #text-wrap {
 margin: 0;
 overflow: hidden;
}

#content #text-wrap .inner-wrap {
 padding-bottom: 0 !important;
}

#shell {
 border: none;
 border-radius: none;
}

#shell-wrap {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0;
}

#shell,
.content {
 overflow: visible;
}

#shell::after,
.content::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.content {
   padding: 0;
   box-sizing: border-box;
 border: none;
   width: 100%;
}

.content a {
 transition: .3s;
}

.content a:hover {
}

.layout-site-wrap {
 width: 96%;
 margin: 0 auto;
 padding: 2rem 0;
}

.content p,
.content-section p {
 font-size: 1.125rem;
}

.content h2,
.content-section h2 {
 font-weight: 700;
}

@media (min-width: 768px) {
 .content h2,
 .content-section h2 {
   font-size: 2.6875rem;
 }
}

.content .btn,
.content-section .btn {
 display: block;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   padding: .5rem 1.85rem;
   margin: 0 .5rem .5rem .5rem;
   font-size: 14px;
 font-weight: 700;
   border-radius: 5px;
   transition: .2s;
}

.content .btn:hover,
.content-section .btn:hover {
}

.btn:only-child {
 margin-right: 0; margin-left: 0;
}

.content-section {
 background-color: inherit;
 margin: 0 !important;
 padding: 0 !important;
 overflow: hidden;
}

.content-section .content-section-inner {
 position: relative;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 overflow: hidden;
 padding: 6rem 5%;
 margin: 0 !important;
}

.content-section .content-section-inner.no-padding {
 padding: 0;
}

.content-section .content-section-inner.parallax {
 background-attachment: fixed;
}

.content-section .content-section-inner.dark {
}

.content-section a {
   color: inherit;
}
.content-section a:hover {
 opacity: 1;
}

/* #report-1-billboard {
 padding: 6rem 0;
 background-color: black;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}

@media (min-width: 992px) {
 #report-1-billboard {
   padding: 10rem 0;
 }
}

#report-1-billboard h1 {
 font-weight: 700;
 font-size: 2rem;
 text-align: center;
 text-shadow: 1px 2px 3px rgba(0,0,0,.35);
}

@media (min-width: 992px) {
 #report-1-billboard h1 {
   font-size: 3.625rem;
 }
} */
.ar1-stats h4 {
	font-size: 2rem;
}

.info h3 {
	font-size: 2rem;
}
/*sticky sub*/
#stickysub {
 position: relative;
 width: 100%;
 left: 0;
 z-index: 699;
 transition: .3;
 padding: 1rem 0;
 box-shadow: none;
 display: none;

}

@media (min-width: 992px) {
 #stickysub {
   display: block;
   padding: 0;
   /* added when implementing layout into Steph Carmicheal site */
 /* top: 5em; */

 }
}

#stickysub #stickysub-nav {
 display: none;
 text-align: center;
 margin: 0;
 padding: 0 2rem;
 position: relative;
 /* top: 5em; */
}

@media (min-width: 992px) {
 #stickysub #stickysub-nav {
   display: block;
   /* added when implementing layout into Steph Carmicheal site */
   /* top: 5em; */
 }
}

#stickysub #stickysub-nav li {
 display: inline-block;
 margin: 0;

}

#stickysub #stickysub-nav li a {
 display: block;
 padding: 1em;
 box-sizing: border-box;
 background: transparent;
 transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 -webkit-transition: all .25s ease-in-out;
 border: none !important;
 font-size: 1rem;
 font-weight: 500;

}

#stickysub #stickysub-nav li a.active {
}

#stickysub #stickysub-nav li a.active,
#stickysub #stickysub-nav li a:hover {
}

@media (min-width: 992px) {
 #stickysub #stickysub-nav li a {
   padding: 1em 1.5em;
 }
}

#stickysub #stickysub-nav li.toplink {

}

@media (min-width: 992px) {
 #stickysub #stickysub-nav li.toplink {
 }
}

@media (min-width: 1200px) {
 #stickysub #stickysub-nav li.toplink {
 }
}

#stickysub #stickysub-nav li.toplink > a {
}

#stickysub #stickysub-nav li.toplink > a > i {
 display: inline-block;
 vertical-align: middle;
 font-size: 75%;
}

.sticky-wrapper.is-stickysub {
 display: none;
}

@media (min-width: 992px) {
 .sticky-wrapper.is-stickysub {
   display: block;
 }
 #stickysub.is-sticky {
     position: fixed;
     top: 0;
 }
}

/*USE CLIENTS DEFAULT IF POSSIBLE*/
.ui-selectmenu-button {
   display: block;
 float: none !important;
   position: relative;
   width: 100%;
 max-width: 200px;
 min-width: 200px;
 min-height: 1px;
   height: auto;
   line-height: 1;
   margin: 1rem auto;
   padding: 0;
   outline: none !important;
   text-decoration: none;
   cursor: pointer;
   border: none;
   border-radius: 0;
   box-sizing: border-box;
}

.ui-selectmenu-button span.ui-icon {
   display: none !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
   position: relative;
   display: block;
   line-height: 40px;
   padding: 0 38px 0 8px;
   font-size: 16px;
   font-weight: 400;
   overflow: hidden;
   text-align: left;
   white-space: nowrap;
   text-overflow: ellipsis;
   vertical-align: bottom;
}

.ui-selectmenu-button span.icon {
   position: absolute;
   right: 12px;
   top: 12px;
   text-align: right;
}

.ui-selectmenu-button span.icon:before {
   font-family: 'FontAwesome' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\f063";
   display: inline-block;
}

.ui-selectmenu-button.ui-selectmenu-button-open span.icon:before {
   content: "\f063";
}

.ui-selectmenu-button.ui-state-disabled {
   cursor: default;
   opacity: .5;
}

.ui-selectmenu-button.ui-state-disabled span.icon-down {
 display: none;
}

.ui-selectmenu-menu {
   position: absolute;
   top: 0;
   left: 0;
   margin: 10px 0 0 0;
   display: none;
   z-index: 999;
}

.ui-selectmenu-menu .ui-menu {
   position: relative;
   overflow: auto;
   overflow-x: hidden;
   margin: 0;
   padding: 0;
   width: 100%;
   max-width: 200px;
   max-height: 200px !important;
   list-style: none;
   border: none;
   border-radius: 0;
}

.ui-selectmenu-menu .ui-menu li {
   text-align: left;
   margin: 0;
   padding: .5rem .65rem;
   list-style: none;
   outline: none;
   font-size: 14px;
   font-weight: 400;
   cursor: pointer;
   transition: .3s;
}

.ui-selectmenu-menu .ui-menu li:hover {
}

.ui-menu li:first-child {
   display: none !important;
}

.ui-selectmenu-open {
   display: block;
}

#select-nav-dropdown, #select-nav-dropdown-button {
 display: block;
 margin: 2rem auto;
}

@media (min-width: 992px) {
 #select-nav-dropdown, #select-nav-dropdown-button {
   display: none;
 }
}

/*animate span*/
.ar1-figure {
   display: inline-block;
}

/*letter*/
.ar1-letter {
 padding: 1.5rem 0;
}

.ar1-letter-more {
 text-align: center;
}

.ar1-letter-more-link {
 font-size: .9125rem;
 text-transform: uppercase;
}

.ar1-letter-more-link .icon {
 font-size: 90%;
 margin-left: .25rem;
}

/*media row*/
.ar1-media-row {
 display: -webkit-box;
 display: flex;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 justify-content: space-between;
}

.ar1-media-row .ar1-col {
 position: relative;
 width: 100%;
 min-height: 1px;
 -webkit-box-flex: 0;
 flex: 0 0 100%;
 max-width: 100%;
}

.ar1-media-row .ar1-col.media {
 margin-bottom: 1rem;
}

@media (min-width: 992px) {
 .ar1-media-row .ar1-col {
   -webkit-box-flex: 0;
   flex: 0 0 47.5%;
   max-width: 47.5%;
 }

 .ar1-media-row .ar1-col.media {
   margin-bottom: 0;
 }
}

@media (max-width: 991.98px) {
 .ar1-media-row .ar1-col.media {
   margin: 0;
   order: 13;
 }
}

.ar1-media-row.add-fullwidth {
 -webkit-box-align: center;
 align-items: center;
}

.ar1-media-row.add-fullwidth .ar1-col .info {
 padding: 3rem 5%;
}

@media (min-width: 992px) {
 .ar1-media-row.add-fullwidth .ar1-col.info {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
 }
 .ar1-media-row.add-fullwidth .ar1-col.media {
   -webkit-box-flex: 0;
   flex: 0 0 66.66667%;
   max-width: 66.66667%;
 }
 .ar1-media-row.add-fullwidth .ar1-col .info {
   padding: 1rem 5%;
   max-width: 260px;
   margin: 0 auto;
 }
}

/*stats row*/
.ar1-stats {
 display: -webkit-box;
 display: flex;
 flex-wrap: wrap;
 -webkit-box-pack: center;
 justify-content: center;
}

.ar1-stats .ar1-col {
 position: relative;
 width: 100%;
 min-height: 1px;
 -webkit-box-flex: 0;
 flex: 0 0 100%;
 max-width: 100%;
 margin: .5rem 0;
}

.ar1-stats .ar1-col .info {
 text-align: center;
 padding: .5rem 1rem;
}

.ar1-stats .ar1-col .info p {
 margin-bottom: 0 !important;
}

@media (min-width: 992px) {
 .ar1-stats .ar1-col {
   flex-basis: 0;
   -webkit-box-flex: 1;
   flex-grow: 1;
   max-width: 100%;
 }
 .ar1-stats .ar1-col .info {
   padding: 1rem;
 }
 .ar1-stats.add-fullwidth .ar1-col {
   margin: 0;
 }
 .ar1-stats.add-fullwidth .ar1-col .info {
   padding: 4.75rem 1rem;
   max-width: 180px;
   margin: 0 auto;
 }
}

/*stats boxed row*/
.ar1-stats-boxed {
 display: -webkit-box;
 display: flex;
 flex-wrap: wrap;
 -webkit-box-pack: center;
 justify-content: center;
}

.ar1-stats-boxed .ar1-col {
 position: relative;
 width: 100%;
 min-height: 1px;
 -webkit-box-flex: 0;
 flex: 0 0 100%;
 max-width: 100%;
}

.ar1-stats-boxed .ar1-col:nth-child(even) {
}

.dark .ar1-stats-boxed .ar1-col {
}

.dark .ar1-stats-boxed .ar1-col:nth-child(even) {
}

.ar1-stats-boxed .ar1-col .info {
 text-align: center;
 padding: 2rem 1rem;
}

.ar1-stats-boxed .ar1-col .info p {
 margin-bottom: 0 !important;
}

@media (min-width: 992px) {
 .ar1-stats-boxed .ar1-col {
   flex-basis: 0;
   -webkit-box-flex: 1;
   flex-grow: 1;
   max-width: 100%;
 }
 .ar1-stats-boxed .ar1-col .info {
   padding: 4rem 1rem;
 }
 .ar1-stats-boxed.add-fullwidth .ar1-col .info {
   padding: 4.75rem 1rem;
   max-width: 180px;
   margin: 0 auto;
 }
}

/*layout colors*/
/* .content-section .content-section-inner.dark,
.dark .ar1-stats-boxed .ar1-col:nth-child(even) {
 background-color: #000000;
}

.content,
.content p,
.content li,
.content-section,
.content-section p,
.content-section li,
.content .btn:hover,
.content-section .btn:hover,
#stickysub #stickysub-nav li a,
.ar1-letter-more-link,
.content-section .ar1-letter-more-link,
.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu li {
 color: #333333;
}
/*  */
.dark .ar1-stats-boxed .ar1-col {
 background-color: #333333;
}

/* .content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content-section h2,
.content-section h3,
.content-section h4,
.content-section h5,
.content-section h6,
.content .btn,
.content-section .btn,
#stickysub #stickysub-nav li a.active,
#stickysub #stickysub-nav li a:hover {
 color: #5b7e96;
} */

.ar1-stats-boxed .ar1-col:nth-child(even) {
 background-color: #e4e4e4;
}

/* .content .btn,
.content-section .btn,
#stickysub,
.ar1-stats-boxed .ar1-col,
.ui-selectmenu-menu .ui-menu li:hover {
 background-color: #eeeeee;
} */

/* #report-1-billboard h1,
.content .dark,
.content .dark h2,
.content .dark h3,
.content .dark h4,
.content .dark h5,
.content .dark h6,
.content .dark p,
.content .dark li,
.content-section .dark,
.content-section .dark h2,
.content-section .dark h3,
.content-section .dark h4,
.content-section .dark h5,
.content-section .dark h6,
.content-section .dark p,
.content-section .dark li,
.content-section .dark .ar1-letter-more-link {
 color: #ffffff;
} */

.content-section .content-section-inner {
 background-color: #ffffff;
}