/*  CSS by Tride Media
	www.tridemedia.com
*/

/**************** TEMPLATE STYLES ***************/

/* added by aaron */

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

#close-mobile-nav {
	display: none;
}

#navTriggerClose {
		display: none;
}

#pageWrap {
	max-width: 1140px;
	display: block;
	margin: auto;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
}

#bluewrap {
	background-color: #34346c;
}

#content-padding {
	padding: 0 20px;
}

.container-fluid {
	padding: 0;
}

.slider-row {
	background: #ddd;
	margin-bottom: 40px;
	-webkit-box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
}

.post-image-hide img {
	display: none;
}

#sidebar {
	background: #34346c;
    float: left;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 16;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
}

li {
	font-size: 14px;
}
#content {
	min-width: 320px;
}

#content, .footer {
	-webkit-box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
}

/*** Head Message styling ***/

#content #headmessage {
    position: relative;
    padding: 20px;
    margin: 10px;
    border: 1px solid black;
    background-color: white;
    text-align: center;
    display: none;
}


@media (max-width: 882px) {
    #content #headmessage {
        line-height: 38px; 
    }
}

#content #maintext {
    font-weight: bold;
    font-size: 32px;
    display: inline-block;
    margin-bottom: 20px;
}

@media (max-width: 882px) {
    #content #maintext {
        margin-bottom: 0px;
    }
}

#content #exclamation {
    font-size: 50px;
    color: #34346c;
}

#content #message-exit
{
    position: absolute;
    top: 10px;
    right: 10px;
}

#content #message-exit:hover
{
    cursor: pointer;
}

/*** END - Head Message styling - END ***/

.clear {
    clear:both;
}

p#submit-a-tip ~ p {
    text-align: center;
}

p#submit-a-tip ~ p button {
    background-color: #34346c;
    color: white;
    line-height: 20px;
    min-height: 20px;
    padding: 10px 20px
}

/* Post Content Parent */
.post-content-parent > img:first-child {
    margin-bottom: 20px;
}

@media (min-width: 1000px) {
	.section-heading {
		font-size: 34px;
		line-height: 34px;
	}
}
@media (max-width: 999px) {
	h1.section-heading {
		line-height: 34px;
	}

}

@media (min-width: 768px) {
	#sidebar {
		display: block;
	}
	#content {
		margin-left: 220px;
	}
	body {
		padding: 0;
		background: url(img/debut_dark.png);
	}
	.section-heading {
		font-size: 34px;
	}
}
@media (max-width: 767px) {
	body {
		padding: 0;
	}
	#sidebar {
		display: none;
	}
	#content {
		margin-left: 0;
	}
	.section-heading {
		font-size: 30px;
		line-height: 30px;
	}
	.feature-border {
		border-right: none;
	}
	#mobile-nav .nav_crest img {
		width: 15%;
	}

    .page-head {
        text-align: center;
    }

    .page-head img:first-child {
        width: 50%;
        padding-top: 10px;
    }

    .page-head img:nth-child(2) {
        width: 50%;
    }

	#mobile-nav .nav_crest {
		padding: 10px 0px;
	}

    #content-padding {
        padding: 0 15px;
    }

    /* Post Images */
    #content-padding img {
        width: 40% !important;
        height: auto !important;
    }

    #content-padding #card-img {
        width: 100% !important;
        text-align: center;
    }
    /* Post Images */
    #content-padding #card-img img {
        width: 90% !important;
        height: auto !important;
    }

}

@media (max-width: 599px) {
	#content {
	    margin-right: 0;
	    padding-bottom: 25px;
	    position: relative;
	    min-height: 500px;
	    width: auto;
	    -webkit-background-clip: padding-box;
	    border-top-left-radius: 8px;
	}
	.section-heading {
		font-size: 30px;
	}
	#sidebar {
		width: 100%; 
	}
	#sidebar .navigation {
		width: 100%;
	}
	#sidebar .nav_crest {
		display: block;
		width: 100%;
		text-align: center;
	}
	#close-mobile-nav {
		display: inline-block;
	}	

    .page-head img:first-child {
        width: 90%;
    }

    .page-head img:nth-child(2) {
        width: 60%;
    }

}

@media (min-width: 600px) {
	#sidebar .nav_crest {
		display: block;
		width: 100%;
		text-align: center;
	}

}

#content {
	background: url(img/debut_light.png) #fff;
}


body {
	
}


.no-border {
	border: none;
}

div.article_content {
    overflow: hidden;
    display: block;
    width: 100%;
    line-height: 1.5em;
    max-height: 3em;
}

a.readmore {
	color: #ce9b51;
    font-weight: 900;
}
a.readmore:hover {
	color: #00aeef;
}

a {
	color: #00aeef;
}
a:hover {
	color: #ce9b51;
}

.page-head {
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 5px 0px 7px 0px rgba(0, 0, 0, .3);
}
h1.page-header {
	padding: 30px 0 0 0;
	margin: 0;
	font-size: 32px;
	color: #34346c;
	display: inline-block;
	float: left;
}

h1.big-heading {
	font-size: 48px;
	line-height: 32px;
}
h1.big-heading .smaller {
	font-size: 24px;
}
h3.page-sub-header {
	display: inline-block;
	float: left;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 10px;
	line-height: 20px;
	color: #00aeef;
}
.section-heading {
	line-height: 34px;
}
.section-heading span.small {
	font-size: 16px;
}


.footer {
	background: #ccc;
	height: 100px;
	color: #fff;
	overflow: hidden;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .copyright {
	margin: 20px;
	float: left;
}
.footer .typetride {
	margin: 20px;
	float: right;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
	max-width: 100%;
}

/**************** NAVIGATION MENU ***************/
#navigation {
	overflow: scroll;
}
.navigation a.btn-menu { 
  display: block;
  width: 18px;
  height: 2px;
  background-color: #fff;
  border: 1px solid #fff;
}

.navigation {
	background: #34346c;
	float: left;
	position: relative;
	width: 220px;
	
}

.nav_crest {
	background: url(img/debut_light.png);
	padding-top: 30px;
	width: 100%;
	display: inline-block;
}

.navigation .nav_crest a {
	padding: 0;
	display: block;
	margin: auto;
}
.navigation img {
	width: 100%;
	display: block;
	margin: auto;
}
.navigation ul {

	text-transform: uppercase;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.navigation li {
	position: relative;
	width: 100%;
	line-height: 30px;
	border-bottom: 1px solid #2f2e63;
}
.navigation a.active {
	background: #fff;
	color: #34346c;
}
.navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	font-size: 14px;
}
.navigation a:hover {
	color: #00aeef;
}

.navigation ul.subnav {
	position: relative;
	display: none;
	margin-left: 30px;
}
.navigation ul.subnav li {
	border-bottom: 0;
	padding: 5px 0;
}
.navigation ul.subnav a {
	color: #ccc;
	line-height: 20px;
}
.navigation .search {
	height: 50px;
	margin-bottom: 0;
	width: 50%;
}
.navigation input {
	background:#fff;
  	border:none;
  	font-size:14px;

	height: 15px;
	margin: 10px 20px;
	width: 160px;
	padding: 5px;
	border-radius:7px;
	-moz-border-radius:7px; /* Old Firefox */
}

#mobile-nav #navTrigger, #navTriggerClose{
	background: #00aeef;
	height: 30px;
	color: #fff;
	padding: 5px 5px 0 5px;
	z-index: 10000;
	display: block;
	text-align: right;
}
#mobile-nav a {
	content: #fff;
}
@media (max-width: 767px) {
	#mobile-nav {
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media (min-width: 768px) {
	#mobile-nav {
		display: none;
	}
	#navTriggerClose {
		display: none;
	}

}

/**************** HOMEPAGE STYLES ***************/
h3.article-title {
	line-height: 30px;
	margin-top: 0;
}
.article-date {
	font-size: 24px;
	padding: 5px 11px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
}
.feature .article-date,
.article-date-small {
	background-color: #34346c;
}

.article-date-small {
    margin-top: 10px;
	font-size: 18px;
}

.news .article-date {
	background-color: #00aeef;
}
.feature-border {
	border-right: 2px solid #000;
	padding-right: 5px;
}
.news-border {
	border-right: 1px solid #ddd;
	padding-right: 5px;
}
.project-border {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
    position: relative;
}
h3.project-title {
	color: #00aeef;
	line-height: 30px;
	margin-bottom: 0;
}
.social-icons {
	float: right;
}
.social-icons a {
	position: relative;
	bottom: 5px;
	margin: 0 5px;
    text-decoration: none;
}

@media (max-width: 767px) {
	.feature-border, .news-border {
		border-right: none;
	}
}

/**************** PROPERTY SEARCH ITEMS ***************/

.propCont {
    margin: 10px 0px;
    width: 100%;
    clear: both;
}

img.property {
    /*height: 100%;*/
    /*display: block;*/
    display: inline;
    /*width: initial;*/
    max-width: 100%;
    max-height: 100%;
}

div.propCont div.propertyItem {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 180px;
    position: relative;
    background-color: transparent;
    float: left;
}

div.propertyItem .propertyItemInner {
    border: 1px solid lightgrey;
    background-color: white;
}

div.propertyItem .propertyItemInner a {
    text-decoration: none;
}

div.propertyItem .propertyItemInner div {
    width: 100%;
}

div.propertyItem .propertyItemInner div:first-child {
    height: 150px;
    line-height: 150px;
    text-align: center;
    vertical-align: middle;
    /*display: flex;
    display: -ms-flexbox;*/
    width: 100%;
    overflow: hidden;
    position: relative;
    /*align-items: center;
    justify-content: center;
    flex-direction: column*/
}

div.propertyTitle {
    padding: 5px 5px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    white-space: nowrap;
    border-top: 1px solid lightgrey;
}

div.propertyItemInner input {
    display: block;
    float: right;
    margin-right: 10px;
}

div.propertyItemInner input::after {
    clear: both;
}

@media (max-width: 1000px) {
    div.propCont div.propertyItem {
        height: 160px;
    }

    div.propertyItem .propertyItemInner div:first-child {
        height: 130px;
        line-height: 130px;
    }
}

@media (max-width: 850px) {
    div.propCont div.propertyItem {
        height: 140px;
    }

    div.propertyItem .propertyItemInner div:first-child {
        height: 110px;
        line-height: 110px;
    }
}

/**************** PROPERTY SEARCH FORM ***************/

.propSearchForm {
    margin-top: 10px;
}

.propSearchForm::after {
    clear: both;
    content: ''; 
    display: block;
}

/* Set the line height for all children (form elements) */
.propFormElem {
    vertical-align: middle;
    line-height: 20px;
}

.propFormElem.right {
    float: right;
    position: relative;
    width: 280px;
    vertical-align: middle;
    padding: 0px;
}

.propFormElem.left {
    float: left;
    width: 289px;
    padding: 0px;
}

.propFormElem .labelCont {
    float: left;
    padding: 0px 3px 0px 0px;
    text-align: right;
}

.propFormElem label {
    display: inline-block;
    margin: 0px;
    padding: 5px 0px;
}

.propFormElem .inputCont {
    display: inline-block;
    padding: 0px;
}

/* Override margins on search form elements */
.propSearchForm select,
.propSearchForm input {
    margin-bottom: 0px;
}

/* The search icon submission */
#content .propFormElem.right input[type='submit'] {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    background-color: transparent;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
    width: 30px;
    color: black;
    padding: 0px 0px;
    height: 30px;
}

/* Container for the search input and the search submit */
.propFormElem.right .searchCont {
    position: relative;
    width: 207px;
}

.searchNotify {
    padding-top: 15px;
}

#content div.searchNotify a {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-decoration: none;
    color: red;
}

@media (max-width: 767px) {
    .propFormElem.right,
    .propFormElem.left {
        width: 100%;
        padding: 2px 0px; 
        float: none;
    }

    .propFormElem.right:first-child,
    .propFormElem.left:first-child {
        text-align: right;
    }


    .propFormElem.right .inputCont,
    .propFormElem.left .inputCont {
        text-align: left;
        padding-left: 5px;
    }
}

/**************** PROPERTY ITEM CLAIM ***************/

#propItemCont {
    background-color: white;
    padding: 10px 25px;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}

#propItemLeft,
#propItemRight {
    float: left;
}

#propItemDetail {
    position: relative;
    display: block;
}

#propItemDetail img {
    max-height: 400px;
    width: auto;
    display: inline-block;
    max-width: 100%;
    border: 1px solid lightgrey;
}

#propItemDesc {
    margin-bottom: 10px;
}

.propClaimForm input,
.propClaimForm textarea {
    width: 100%;
}

#instruct {
    padding-bottom: 15px;
}

#claim {
    color: #00aeef;
}

@media (max-width: 992px) {
    #propItemRight {
        margin-top: 20px;
        border-top: 1px solid lightgrey;
        padding-top: 20px;
    }
}


@media (max-width: 767px) {
    #propItemCont {
        padding: 10px 0px;
        border: none;
    }

    #propItemLeft,
    #propItemRight,
    .container-alt {
        padding: 0px 5px; 
    }
}


/* ===== Shared Property Form Styling ===== */

.propForm input[type="text"],
.propForm input[type="tel"],
.propForm input[type="email"],
.propForm select,
.propForm textarea {
    padding: 5px 4px;
    line-height: 20px;
}

.propForm input[type="text"],
.propForm input[type="tel"],
.propForm input[type="email"],
.propForm select {
    height: 30px;
}

/* ===== Notification messages ===== */

.nNote { cursor: pointer; clear: both; margin: 5px 0px 5px 0px; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../../images/admin/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../../images/admin/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../../images/admin/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #d1e4f3 url(../../images/admin/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nLightbulb { background: #FEF0CB url(../../images/admin/icons/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../../images/admin/icons/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }


/* ===== APEX Mobile App Overrides ===== */

#pageWrap.mobileApp {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#bluewrap.mobileApp {
	background-color: white;
}

#content.mobileApp {
    margin-left:0px;
    background-image: none;
    background-color: white;
    box-shadow: none;
	-webkit-box-shadow: none;
    font-family: "Open Sans";
}

/* Override all input submit buttons */
#content.mobileApp input[type="submit"],
#content.mobileApp button {
    background-color: #1d1470;
    border-radius: 500px;
    width: 15em;
    font-weight: 600;
    color: white;
    padding: 10px 20px;
    border: 0;
}

/* Form input overrides for color and shadows */
#content.mobileApp .propForm input:focus,
#content.mobileApp .propForm select:focus,
#content.mobileApp .propForm textarea:focus {
    border-color: #1d1470;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Color overrides */
#content.mobileApp a,
#content.mobileApp #claim {
    /*color: #1d1470;*/
    color: #0e2cb2;
}

#pageWrap.mobileApp h1.page-header {
    border: none;
    margin-top: 30px;
}

#content.mobileApp > div > div > h2 {
    margin-top: 60px;
}

#pageWrap.mobileApp h1.page-header,
#content.mobileApp > div > div > h2 {
    font-family: 'PT Serif';
    color: black;
    font-size: 36px;
}

/* ===== Collapse Sections ===== */

.collapse-parent{
    background-color: lightgrey;
    padding: 5px;
    position: relative;
    margin-bottom: 5px;
}
.collapse-parent .parent-title{
    background-color:#00aeef;
    padding: 5px;
    font-weight: bold;
    color: white;
    padding-right: 35px;
}

.collapse-parent .parent-title::after,
.collapse-parent .parent-title::before{
    position: absolute;
    right: 10px;
    top: 10px;
}
.collapse-parent .parent-title.closed::after{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0fe";
}

.collapse-parent .parent-title.open::after{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146";
}

.collapse-child{
    display: none;
}
.collapse-section{
    padding: 5px 20px 5px 5px;
}

.collapse-section-title {
    text-decoration: underline;
}

/* Cop Cards */
#card-img, #card-text-outer {
    float: left;
}

#card-text-outer {
    padding-bottom: 20px;
}

#card-text-inner {
    width: 460px;
    /*height: 412px;*/
    margin: 20px 0px 20px 20px;
    background-color: #34346c;
    color: white;
    padding: 15px;
    position: relative;
    top: 40px;
}

#card-img {
    width: 400px;
    padding: 20px 0px 20px 0px;
}

#card-text-crest {
    position: absolute;
    top: -45px;
    right: -7px;
}

#card-text-crest img {
    width: 160px;
}

#card-text-title {
    font-size: 25px;
    font-weight: bolder;
    text-transform: uppercase;
    width: 300px;
    line-height: 30px;
    min-height: 60px;
}

#card-text-title-rank {
    float: left;
    padding-right: 10px;
}

#card-text-subtitle {
    color: #CF9C51;
    font-weight: bold;
    font-size: 18px;
    padding-top: 15px;
}

/* Desciption Parent*/
#card-desc-patch {
    height: 273px;
}

#card-patch {
    width: 93px;
    float: right;
    margin-left: 15px;
    shape-outside: inset(calc(100% - 125px) 0 0 0);
    /* The maring is subtracted off the height
    to ensure that the height doesn't flow over.
    The height will alsways be the height of the
    parent (#card-desc-patch), which is calculated
    in JS when min-height doesn't exist */
    height: calc(100% - 15px);
    margin-top: 15px;
}

#card-patch img {
    width: 93px;
    object-fit: contain;
    object-position: bottom;
    height: 100%;
}

#card-desc {
    text-align: justify;
}

#card-text-header {
    min-height: 100px;
    margin-bottom: 10px;
}

@media (max-width: 1139px) {
    #card-img {
        padding-bottom: 0px;
    }

    #card-text-outer {
        width: 100%;
    }

    #card-text-inner {
        width: 440px;
        margin: 0px auto;
        top: 0px;
        padding-bottom:15px;
    }

    #card-text-crest {
        top: -50px;
        right: 15px;
    }

    #card-text-crest img {
        width: 160px !important;        
    }

    #content-padding #card-img {
        width: 100% !important;
        text-align: center;
    }

    #content-padding #card-img img {
        width: 400px !important;
        height: 100%;
    }

    #card-text-title {
        width: 265px;
    }
    
    /*
    #card-desc-patch {
        min-height: 175px;
    }
    */
}


@media (max-width:767px) {
    #card-desc-patch img {
        width: 95px !important;
        height: 100% !important;
    }

    #card-desc-patch {
        /* min-height: auto; */
        height: 273px;
    }
}

@media (max-width:500px) {
    #card-text-crest {
        top: -38px;
        right: 10px;
    }

    #card-text-crest img {
        width: 130px !important;
    }
}

@media (max-width: 471px) {
    #card-text-inner {
        height: auto !important;
    }

    #card-desc-patch {
        /* Ensure the min heigh is overriden */
        /* min-height: auto; */
        /* Set an initial height, so the actual 
        height can be calculated properly (text formation) */
        height: 150px;
    }

    #card-text-inner {
        width: 100%;
        margin: 0px;
        padding-bottom:15px;
    }

    #content-padding #card-img img {
        width: 95% !important;
    }

    #card-text-title {
        width: calc(100vw - 160px);
    }

    #card-text-crest img {
        width: 115px !important;
    }
}