/* Theme Name: Burnt River Farms */
/* === Global === */
html,body{
	font-size: 16px; 
}

/* === Header/Nav === */
.c2a {
    padding: 10px 0;
}
.c2a .flex-row {
    justify-content: space-between;
}
.c2a .phone .text {
    display: inline-block;
    margin-right: .5em;
}
.c2a .fas {
    margin-right: .5em;
}
.primary-header {
    padding: 10px 0;
}
.primary-header .logo-col {
    flex: 0 0 150px;
}
.primary-header .header-row {
    align-items: center;
}
.primary-header .social-row {
    justify-content: center;
}
.primary-header .social-row .link {
    font-size: 22px;
}
.primary-header .social-row .link:not(:last-child) {
    margin-right: .5rem;
}

/* === Footer === */
.primary-footer .logo {
    max-width: 120px;
}
.primary-footer .footer-row {
    padding: 30px 0;
    align-items: flex-start;
    justify-content: space-between;
}
.primary-footer .footer-row > .col:not(:last-child) {
    margin-right: 30px;
}
.primary-footer .location-col .business-name {
    font-weight: 700;
    margin: 5px 0;
}
.primary-footer .location-col .address {
    margin: 5px 0;
}
.primary-footer .location-col .phone {
    margin: 5px 0;
}
.primary-footer .location-col .phone .text {
    display: inline-block;
    margin-right: .5em;
}
.primary-footer .location-col .email {
    margin: 5px 0;
}
.primary-footer .location-col .email .fas {
    margin-right: .5em;
}
.primary-footer .links-row .social-col {
    margin-right: 30px;
}
.primary-footer .links-row .social-col .social-row {
    justify-content: center;
}
.primary-footer .links-row .social-col .social-row .link {
    font-size: 22px;
}
.primary-footer .links-row .social-col .social-row .link:not(:last-child) {
    margin-right: .5em;
}
.primary-footer .footer-text {
    font-size: 18px;
    width: max-content;
    margin: 30px auto 0;
}
.primary-footer .sitemap-col .menu {
    column-count: 2;
    list-style: none;
    padding: 0;
    margin: 0;
}
.primary-footer .sitemap-col .menu li a {
    display: inline-block;
    padding: 2px 5px;
}
.primary-footer .form-col {
    border: 1px solid;
    padding: 5px 20px;
}
.primary-footer .form-col .heading {
    text-align: center;
    margin-bottom: 5px;
    font-size: 16px;
}
.primary-footer .copyright {
    padding: 10px 0;
}
.form label {
    display: none;
}
.form input {
    width: 100%;
}
.form ul {
    display: block;
    margin: 0;
    padding: 0;
}
.form ul li {
    display: block;
}
.form textarea {
    height: 100px;
}
.form .gfield {
    margin-bottom: 8px;
}
.form .button {
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #0000;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all ease .5s;
}

/* === Home Page === */
.banner-section .overlay {
    background: none;
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.home #content-section .content-col{
	color: #fff; 
}

/* new specials */
#specials-section {
    margin-bottom: 20px;
}
span.special-heading {
    display: inline-block;
    width: 100%;
    text-align: center;
}
span.special-name {
    display: inline-block;
    width: 100%;
    text-align: center;
}
span.special-content {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #f68e6d;
}
#specials-section {
    display: flex;
    font-size: 20px;
}
#specials-section a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#specials-section a:hover {
    opacity: .8;
}
.specials-section {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
}
.content-section {
    padding: 50px 0;
}
.content-section .content-col {
    flex: 0 1 auto;
}
.content-section .video-col {
    flex: 0 0 50%;
    margin-left: 50px;
    display: flex;
    align-items: center;
}
.content-section .video-col video {
    width: 100%;
}
.content-section .heading {
    text-align: center;
    margin-bottom: 0;
}
.content-section .sub-heading {
    padding: 10px 20px;
    text-align: center;
}
.location-section {
    padding: 50px 0;
}
.location-section .heading {
    text-align: center;
}
.location-section .location-col {
    flex: 0 1 auto;
    margin-right: 50px;
}
.location-section .location {
    border: 1px solid;
    padding: 30px 50px;
}
.location-section .location .logo-row {
    align-items: center;
}
.location-section .location .logo-row .logo {
    max-width: 100px;
    margin-right: 10px;
}
.location-section .location .address {
    margin: 10px 0;
}
.location-section .location .directions {
    text-align: center;
    margin-top: 20px;
}
.location-section .location .phone {
    margin: 10px 0;
}
.location-section .location .phone .text {
    display: inline-block;
    margin-right: .5em;
}
.location-section .location .email {
    margin: 10px 0;
}
.location-section .location .email .fas {
    margin-right: .5em;
}
.location-section .map-col {
    flex: 1 1 auto;
    padding-top: 76px;
}
.location-section .map-col iframe {
    border: 1px solid;
    width: 100%;
    height: 100%;
}
.process-section {
    padding: 50px 0;
}
.process-section .heading {
    text-align: center;
}
.process-section .feature:not(:last-child) {
    margin-right: 100px;
}
.process-section .feature .link {
    text-align: center;
}
.process-section .feature .heading {
    margin: 10px 0;
}
.slidebtn {
    margin-top: 30px;
    display: inline-block;
}
.overlay a {
    color: #fff;
}
.main-nav .menu li a {
    font-size: 20px;
}
.banner-section .overlay {
    font-size: 22px;
}
.banner-section .overlay h1 {
    font-size: 46px;
}
.overlay .btn {
    font-size: 18px;
}
.home #content-section {
    padding-top: 0;
    padding-bottom: 20px;
}
.home .owl-dots {
    background-color: #bcbec0;
}
.home #location-section {
    background-color: #bcbec0;
    padding-top: 0;
    padding-bottom: 20px;
}
.home #location-section h2 {
    margin-top: 0;
}
.home #process-section {
    padding-top: 0;
}
body {
    background: #ff892f;
}
.main-nav .current_page_item a,
.main-nav a:hover {
    color: #ea5620 !important;
}
.social-row a,
.primary-footer a {
    color: #000 !important;
}
.social-row a:hover,
.primary-footer a:hover {
    color: #ea5620 !important;
}

/* === Interior Pages === */
.heading-section {
    text-align: center;
    background-color: var(--color-one);
    color: #fff;
}
.heading-section h1 {
    display: inline-block;
    border-bottom: 3px solid var(--color-three);
    padding: 7px 15px 10px;
}
.main-section {
    padding: 50px 0;
}
.main-section .flex-row {
    align-items: center;
}
.main-section .image-col {
    margin-right: 50px;
    flex: 0 0 50%;
}
.team-section {
    background-color: var(--color-four);
    padding: 30px 0;
}
.team-section h2 {
    text-align: center;
}
.team-section .members {
    flex-wrap: wrap;
}
.team-section .member {
    flex: 0 1 calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px -5px #000;
    align-items: center;
}
.team-section .member:nth-child(2n) {
    margin-right: 0;
}
.team-section .member .image-col {
    flex: 0 0 40%;
}
.team-section .member .content-col {
    padding: 20px;
}
.team-section .member .content-col p:last-of-type {
    margin-bottom: 0;
}
.team-section .member .heading {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center;
}
.team-section .member .position {
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center;
}

.services-section .service .images-col {
  flex: 0 1 50%;
  max-width: 50%;
  order: 0;
}
.services-section .service .content-col {
  flex: 0 1 50%;
  order: 1;
  padding: 20px;
}
.services-section .service:nth-child(even) .images-col {
  order: 2;
}
.services-section .owl-carousel {
  position: relative;
}
.services-section .owl-carousel .owl-next,
.services-section .owl-carousel .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.services-section .owl-carousel .owl-next {
  right: 15px;
}
.services-section .owl-carousel .owl-prev {
  left: 15px;
}
.services-section .owl-carousel button[type="button"] {
  font-size: 32px;
  color: #fff;
}
.services-section .service {
  align-items: center;
}
.services-section {
  margin-bottom: 50px;
}
.contact-section {
  padding: 50px 0;
}
.contact-section .contact-row > .col {
  flex: 0 1 50%;
}
.contact-section .contact-row {
  align-items: center;
}
.contact-section .contact-col {
  padding: 50px;
  text-align: center;
}
.contact-section .business-name {
  font-size: 22px;
}
.contact-section .social {
  justify-content: center;
}
.contact-section .social .link a {
  padding: 4px;
  display: block;
  font-size: 22px;
}
.form input:not(.button),
.form textarea {
  width: 100%;
  padding: 6px 12px;
}
.form .button {
  background-color: var(--color-one);
}
.form .button:hover,
.form .button:focus {
  background-color: var(--color-two);
}
.form h3 {
  font-weight: 700;
  font-size: 28px;
}
.blog-section .blog:nth-child(odd) {
  background: none;
}
.single .pull-right {
  margin-left: 20px;
  width: 600px;
}
.form-section {
  margin-bottom: 50px;
}
.map-col iframe {
  width: 100%;
}

.main-content {
  padding: 50px;
}
/* === Media Queries === */
@media screen and (max-width: 1199px) {
    .main-nav .menu li a {
        font-size: 16px;
    }
    .primary-footer .footer-row > .col:not(:last-child) {
        margin-right: 10px;
    }
    .primary-footer .links-row .social-col {
        margin-right: 10px;
    }
    .primary-footer .form-col {
        padding: 5px 15px;
    }
}
@media screen and (max-width: 991px) {
    .logo-col img {
        width: 100px;
    }
    .c2a {
        display: none;
    }
    .primary-header .social-col {
        display: none;
    }
    .primary-header .header-row {
        justify-content: center;
    }
    .content-section .content-row {
        display: block;
    }
    .content-section .video-col {
        margin-left: 0;
        margin-top: 30px;
    }
    .primary-footer .footer-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .primary-footer .form-col {
        margin-top: 30px;
    }
    .primary-footer .links-row {
        display: block;
        text-align: center;
    }
    .primary-footer .form-col {
        width: 100%;
    }
    .primary-footer .form-col textarea {
        width: 100%;
    }
    .services-section .service .images-col {
      max-width: none;
    }
    .single .pull-right {
      float: none !important;
      margin: 0 auto 20px;
    }
}
@media screen and (max-width: 767px) {
    #primary-footer .location-col {
        width: 50%;
        float: left;
    }
    #primary-footer .links-col {
        width: 50%;
        float: left;
    }
    #primary-footer .form-col {
        clear: both;
    }
    .location-section .location-row {
        display: block;
    }
    .location-section .location-col {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .location-section .map-col {
        padding-top: 0;
    }
    .location-section .map-col iframe {
        height: 300px;
    }
    .location-section .location {
        text-align: center;
        width: max-content;
        margin: 0 auto;
        width: 100%;
        padding: 30px 10px;
    }
    .location-section .location .logo-row {
        justify-content: center;
    }
    .process-section .features {
        display: block;
    }
    .process-section .feature:not(:last-child) {
        margin: 0 0 20px;
    }
    .primary-footer .footer-row {
        display: block;
    }
    .primary-footer .footer-row > .col:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .primary-footer .location-col {
        text-align: center;
    }
    .primary-footer .location-col .logo {
        margin: 0 auto;
    }
    .primary-footer .sitemap-col .menu {
        width: max-content;
        margin: 0 auto;
    }
    .primary-footer .links-row .social-col {
        margin-right: 0;
    }
    .primary-footer .footer-text {
        text-align: center;
    }
    .banner-section .overlay {
        font-size: 14px;
        line-height: 1;
    }
    .banner-section .overlay h1 {
        font-size: 22px;
        margin: 0 0 10px;
    }
    .banner-section .overlay .btn {
        margin-top: 10px;
        font-size: 14px;
    }
    #specials-section a {
        display: block;
        text-align: center;
    }
}
@media screen and (max-width: 460px) {
    .primary-footer .sitemap-col .menu {
        column-count: 1;
    }
    .primary-footer .footer-text {
        font-size: 15px;
    }
}
