/**

Theme Name: SierraCars

*/

.heros-items:not(#video) .heros-items-item::after {
	content: '';
	display: none;
}

@import url('//fonts.googleapis.com/css?family=Orbitron&display=swap');

/* FL OVERWRITE */
body.dis-tablet .wpforms-field.half {
	width:45%;
}
body.dis-tablet .wpforms-field.third {
	width:29%;
}

body.dis-phone .wpforms-field.third {
	width:99%;
}

body.dis-phone .post-content p{
	padding:0 2em;
}
body.dis-phone .post-content h1{
	padding:0 1em;
	text-align: center;
	line-height: 110%;
}
body.dis-phone .wpforms-field.half {
	width:99%;
}

body.dis-phone .fl-col-small {
	max-width: 99%;
}

body.dis-phone .wpforms-field ul {
	display: flex;
	flex-direction: column;
	padding-left: 0;
}

body.dis-phone .fl-row[data-node] .fl-row-content-wrap {
	padding: auto;
}

body.dis-phone .request-information a {
	bottom: -100px;
	padding: 1em 3em;
	font-size: .8rem;
	bottom: -30px;
}

@import url('//fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:300,400,600,700&display=swap');
/* font-family: 'Noto Sans', sans-serif; */
body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    transition: .2s ease all;
}

.container {
    max-width: 90%;
    width: 1180px;
    margin: 0 auto;
	position: relative;
}

body.dis-phone .container {
	width: 100%;
	max-width: 100%;
}

body.dis-phone header nav .items {
	margin: 0;
	order: 3;
	/* position: relative; */
	flex-grow: 0;
}
body.dis-phone header nav {
	background: rgba(0,0,0,1);
}
body.dis-phone .items-mobile-icon {
    display: flex;
    margin-left: auto;
    width: 1.5em;
    font-size: 2em;
	color:#fff !important;
}

body.dis-phone header nav .switch {
    cursor: pointer;
    margin-left: auto;
    margin-right: 2em;
}

body.dis-phone #primary-menu {
	display: none;
}

body.dis-phone header nav .items ul {
	flex-direction: column;
	position: absolute;
}

body.dis-phone section.full-height.heros-section {
	height: 25vh;
}

body.dis-phone section.heros-section .heros {
	height: 25vh;
}


#mobile-menu {
	display: none;
}
ul#mobile-menu  {
	margin: 0;
	padding: 0;
	width: 100%;
}
#mobile-menu .menu-item {
	list-style: none;
}

#mobile-menu .menu-item a:hover {
	color: #00CDFF;
}

.page_item a, #mobile-menu .menu-item a {
    display: flex;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 300;
    text-decoration: none;
    padding: 2em;
    font-size: .8rem;
    letter-spacing: 1px;
    opacity: .6;
	flex-grow: 1;
}

.dark {
    background: #000;
    color: #FFF;
}

.light {
    background-color: #FFF;
    color: #000;
}

header {
    position: relative;
}

header nav {
    position: fixed;
    width: 100%;
    z-index: 9999;
    /* background: linear-gradient(#000 75%,transparent); */
	background-color: rgba(0,0,0,0.95);
}
.items-mobile-icon {
	display: none;
}
header nav > .container {
    display: flex;
    align-items: center;
}

header nav.small {
    background-color: rgba(0,0,0,0.95);
}

header nav.small .logo {
    width: 90px;
}

header nav .logo {
    width: 100px;
    transition: .2s all ease;
}

header nav .logo img {
    max-width: 100%;
}

body.dis-phone header nav .logo {
	transform: rotate(180deg);
}

header nav .items {
    display: flex;
    flex-grow: 1;
    margin: 0 2em;
}

#primary-menu {
    display: flex;
    flex-grow: 1;
    margin: 0 2em;
}

header nav > div {
	display: flex;
	flex-grow: 1;
}

.page_item, #primary-menu .menu-item {
	list-style: none;
	position: relative;
}

#primary-menu .menu-item a:hover {
	color: #00CDFF;
}

#primary-menu .menu-item .sub-menu {
	display: none;
	width: 150px;
}

#primary-menu ul.sub-menu{
	margin: 0;
	padding: 0;
}

#primary-menu ul.sub-menu li {
	margin: 0;
	padding: 0;
}

#primary-menu .menu-item:hover .sub-menu {
	display: block;
	position: absolute;
	background-color: black;
}

.page_item a, #primary-menu .menu-item a {
    display: flex;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 300;
    text-decoration: none;
    padding: 2em;
    font-size: .8rem;
    letter-spacing: 1px;
    opacity: .8;
}
.current_page_item a {
	opacity: 1 !important;
}
.page_item a:hover{
    opacity: 1;
}

header nav.small .items .page_item a {
    padding: 1em;
}

header nav .switch {
    cursor: pointer;
}

header nav .switch-box {
    display: flex;
    align-items: center;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    padding: .25em;
}

.light header nav .switch-box-indicator {
    order: 2;
    margin-right: 0;
    margin-left: 1em;
	background-color: #00CDFF;
}

header nav .switch-box-indicator {
    width: 1em;
    height: 1em;
    border-radius: 1em;
    margin-right: 1em;
    background-color: #00339B;
    order: 1;
}

.light header nav .switch-box-icon {
    order: 1;
    margin-left: 0;
    margin-right: 1em;
	color:#fff;
}

header nav .switch-box-icon {
    margin-left: 1em;
    order: 2;
}

section.full-height {
	height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

.split {
    height: 75px;
    width: 1px;
    background-color: #fff;
    left: 50%;
    position: absolute;
    bottom: -25px;
}

/* .heros {
    height: 100%;
    display: flex;
    flex-grow: 1;
}

.heros.model{
    clip-path: polygon(125% 0%, 85% 100%, 0% 100%, 0% 0%);
    -webkit-clip-path: polygon(125% 0%, 85% 100%, 0% 100%, 0% 0%);
}

.heros-items {
    display: flex;
    flex-grow: 1;
}

.heros-items-item {
    display: none;
    flex-grow: 1;
    flex-shrink: 0;
    background-size: cover;
    justify-content: center;
}

.heros-items-item-caption {
    margin-top: 20%;
    width: 40%;
}

.heros-items-item-caption-title {
    font-size: 2rem;
    font-weight: 600;
}

.heros-items-item.active {
    display: flex;
}

.heros-controls {
    position: absolute;
    left: 3em;
    bottom: 2em;
    display: flex;
    align-items: center;
}

.heros-controls-control {
    border:1px solid #FFF;
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0;
    cursor: pointer;
}

.heros-controls-control.active {
    background-color: #FFF;
} */

/* .request-information a {
    position: absolute;
    bottom: -2em;
    right: 3em;
    background-color: blue;
    padding: 2em 3em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    clip-path: polygon(80% 0%, 100% 100%, 20% 100%, 0% 0%);
    -webkit-clip-path: polygon(80% 0%, 100% 100%, 20% 100%, 0% 0%);
} */


/* .stagger-images {
    display: flex;
    height:800px;
}

.stagger-images-image {
    color: #fff;
    text-decoration: none;
    background-color: #fff;
    flex-grow: 1;
    background-size: cover;
    background-position: center;
}

.stagger-images-image:first-of-type {
    margin-top: 15%;
    clip-path: polygon(53% 0%, 90% 100%, 0% 100%, 0% 0%);
    -webkit-clip-path: polygon(53% 0%, 90% 100%, 0% 100%, 0% 0%);
    margin-right: -20%;
}

.stagger-images-image:last-of-type {
    margin: 0 0 0 -20%;
    clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0% 0%);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0% 0%);
} */

main {
    position: relative;
}

section.med-pad {
    padding: 5em 0;
    position: relative;
}

section.lg-pad {
    padding: 8em 0;
    position: relative;
}
/* main > section:first-of-type {
    padding: 10em 0 5em 0;
} */
section.full-height {
    height: 100vh;
	position: relative;
}
.row {
    display: flex;
}

.row.right {
    justify-content: flex-end;
}
.row.center {
    align-items: center;
}
.row.center-horizontal {
    justify-content: center;
}
.col {
    display: flex;
    flex-direction: column;
    padding: 0 1.5em;
}

.col.small-pad {
    padding: 0 .5em;
}
.col.no-pad {
    padding: 0;
}
.col.half {
    width: 50%;
}
.col.grow {
    width: 100%;
    flex-grow: 1;
}
.col.centered {
    align-items: center;
    justify-content: center;
}

.col p {
    font-weight: 300;
    line-height: 1.5em;
    font-size: 1.2rem;
}

main a {
    color: #00CDFF;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}
main a:hover {
	color: #00CDFF;
}
main a i {
    margin-left: .5em;
}

.form-field {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 0 2em 0;
}

.form-field label {
    text-transform: uppercase;
    font-size: .6rem;
    letter-spacing: .25px;
    margin: 0 0 .25em 0;
}

.form-field input, .form-field textarea {
    background-color: transparent;
    outline: none;
    border:0;
    border-bottom: 1px solid white;
    color: white;
    padding: .5em;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: .25px;
    box-sizing: border-box;
    resize: none;
}

.light .form-field input, .light .form-field textarea {
    border-bottom: 1px solid black;
    color: black;
}

.form-field textarea {
    height: 100px;
    font-size: .8rem;
}

/*
.model-slanted-image {
    position: absolute;
    right: 0;
    top: -15em;
    width: 40%;
    height: 100vh;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 100% 0%);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 100% 0%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */
/*
.model-slanted-left-image {
    position: absolute;
    left: -0;
    width: 50%;
    height: 500px;
    clip-path: polygon(100% 0%, 50% 100%, 0% 100%, 0% 0%);
    -webkit-clip-path: polygon(100% 0%, 50% 100%, 0% 100%, 0% 0%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */

footer {
    background-color: #666;
    color: #111;
    padding: 1em;
}

footer div.container {
    display: flex;
}

footer div.copyright {
    flex-grow: 1;
    padding: .5em 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .7rem;
    letter-spacing: .5px;
}

footer div.socials {
    display: flex;
    align-items: center;
}

footer .socials-icon {
    margin: 0 0 0 1em;
    cursor: pointer;
    font-size: 1.1rem;
    opacity: .5;
}

footer a {
	color: inherit;
}

footer .socials-icon:hover {
    opacity: 1;
}

.site-main {
	padding-top:82px;
}

.articles {
	display: flex;
	flex-wrap: wrap;
}

body.dis-phone .articles {
	flex-direction: column;
	padding: 0 1em;
}

body.dis-phone .articles-article {
	width: auto;
	padding: 1em;
	margin: 0 0 1em 0;
	max-width: 100%;
}

.articles-article {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 30%;
	max-width: 30%;
	/* flex-grow: 1; */
	overflow: hidden;
	margin: .75em;
}

.articles-article header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 150px;
	width: 100%;
}

.articles-article footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: transparent;
	margin-top: auto;
}

.articles-article footer a {
	color: #00CDFF;
	font-weight: 300;
	font-size: 12px;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #00CDFF;
}

.articles-article-date {
	font-family: 'Orbitron', sans-serif;
	font-size: 14px;
	font-weight: 300;
	margin-top: 1em;
}

.articles-article-title {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	margin: .5em 0;
	min-height: 50px;
	display: flex;
	align-items: flex-start;
}

.post-header-details h1 {
	font-family: 'Orbitron', sans-serif;
	font-size: 32px;
	margin: 1em 0;
}

.post-content iframe {
	margin: 2em 0;
	width: 100%;
}