/*
 Theme Name:   twentyseventeen Child
 Theme URI:    www.dealercorp.com
 Description:  twentyseventeen Child Theme
 Author:       Dealercorp
 Author URI:   
 Template:     twentyseventeen
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentyseventeen-child
 Tags: 

*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/*@import "css/fontawesome/variables";
@import "css/fontawesome/mixins";
@import "css/fontawesome/path";
@import "css/fontawesome/core";
@import "css/fontawesome/larger";
@import "css/fontawesome/fixed-width";
@import "css/fontawesome/list";
@import "css/fontawesome/bordered-pulled";
@import "css/fontawesome/animated";
@import "css/fontawesome/rotated-flipped";
@import "css/fontawesome/stacked";
@import "css/fontawesome/icons";
@import "css/fontawesome/screen-reader";*/
/**  theme stylesheet **/
/*@media (max-width: 575.98px) {
    ...
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
    ...
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
    ...
}

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {
    ...
}

    // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/
.dc-color {
  background: #01427A; }

.dc-color-text {
  color: #01427A; }

.my-bg {
  background-image: url("img/triangles-bg1.png");
  background-repeat: repeat; }

.bg-gray {
  background: #ededed; }

/*.child-pages {
    margin-top: 80px;
}*/
.site-header {
  z-index: 1;
  height: 90px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
  border-bottom: 2px solid #39729b;
  /*-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;*/ }

/*.site-header--hidden {
    -webkit-transform: translateY( -100% );
    -ms-transform: translateY( -100% );
    transform: translateY( -100% );
}*/
.custom-logo-link img {
  margin: 15px 0;
  max-height: 50px; }

.header-msg {
  position: absolute;
  bottom: -10px;
  left: 50px;
  font-size: 12px;
  color: #0C3C60; }

.site-footer {
  background: #e0e0e0;
  color: #0C3C60;
  margin-top: 0;
  padding-top: 2.5em;
  border-top: thick solid #0C3C60; }
  .site-footer a {
    color: navy;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .site-footer a:hover {
      color: navy !important; }

#site-navigation.main-navigation {
  float: right;
  clear: none; }
  #site-navigation.main-navigation.toggled-on {
    float: none; }
  #site-navigation.main-navigation a {
    padding: 2.25em 1.25em .75em;
    color: #06C; }
  #site-navigation.main-navigation li li:hover, #site-navigation.main-navigation li li.focus {
    background: #f0f0f0; }
  #site-navigation.main-navigation li li a {
    padding: 1em 1.25em 1em; }

#site-navigation .menu-toggle {
  font-size: 1em;
  font-weight: normal;
  margin-top: 1.5em;
  padding: 2em 1em 0em;
  color: #06C; }
  #site-navigation .menu-toggle.menu-toggle {
    margin-right: 0; }

#site-navigation a.dc-social-btn {
  display: inline-block;
  margin-left: .5em;
  padding: 4px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: white !important;
  background: gray; }
  #site-navigation a.dc-social-btn:hover {
    background: darkgray;
    color: white; }

#site-navigation a.btn-nav-header {
  display: inline-block;
  margin-left: 1em;
  padding: 1px 1.5em;
  background: #01427A;
  font-size: small;
  color: whitesmoke;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all; }
  #site-navigation a.btn-nav-header:hover {
    background: #026bc6;
    color: white; }

@media (max-width: 768px) {
  .buttons-below-nav {
    position: absolute;
    top: 0;
    right: 0; } }

.menu-menu2-container {
  font-size: small; }

.containerfluid + .container {
  max-width: none;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto; }

.col-img {
  padding: 0; }

.pgh {
  padding-left: 1em;
  padding-right: 1em; }

@media (min-width: 992px) {
  .pgh {
    padding-left: 2em;
    padding-right: 2em; } }

@media (min-width: 1200px) {
  .pgh {
    padding-left: 3em;
    padding-right: 3em; } }

.bton {
  white-space: nowrap; }

.btn-long, .contactform input[type="submit"] {
  display: inline-block;
  padding: 0 1.5em;
  background: #01427A;
  color: white; }
  .btn-long:hover, .contactform input:hover[type="submit"] {
    color: white; }

.btn-long-white {
  display: inline-block;
  padding: 0 1.5em;
  background: white; }

.btn-short {
  padding: 0 1.5em;
  background: #015dad;
  color: white; }
  .btn-short:hover {
    color: white; }

.blue-card {
  height: auto;
  background-image: url("img/triangles-bg1.png");
  background-repeat: repeat;
  color: white; }

.blue-card-img {
  border: 0 none;
  height: auto;
  background-size: cover;
  color: white;
  background-position: center; }
  .blue-card-img a {
    color: lightcyan; }
  .blue-card-img .card-body {
    background: rgba(10, 73, 114, 0.85); }

.team-card {
  border: 0 none;
  background: transparent;
  text-align: center; }
  .team-card .rounded-circle {
    margin-bottom: 1.5em;
    width: 50%;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2); }

.team-icon {
  font-size: 40px; }
  .team-icon a {
    color: gray; }
    .team-icon a:hover {
      color: darkgray; }

.testimonial-card {
  border: 0 none;
  margin-top: 1em;
  margin-bottom: 2em; }
  .testimonial-card .card-body:before {
    display: block;
    position: absolute;
    top: -68px;
    left: -38px;
    content: '\0275D';
    font-size: 150px;
    color: rgba(0, 61, 153, 0.2); }
  .testimonial-card .card-body div:first-child {
    /*&:after {
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 0;
            content: " ";
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 15px solid lightgray;
        }*/
    padding: 1em;
    background: #e0e0e0; }
  .testimonial-card .card-body div:last-child {
    padding-top: 2em;
    text-align: center; }

.front-video .wp-video {
  width: 100% !important; }

.post-392, .products-newfeatures {
  background: #D1E0EB; }

.square {
  display: inline-block;
  border: 6px solid #01427A;
  height: 55px;
  width: 55px; }

.square-white {
  display: inline-block;
  border: 6px solid white;
  color: white;
  height: 55px;
  width: 55px; }

.s-line:before {
  content: " ";
  display: inline-block;
  border: 3px solid #01427A;
  background: #01427A;
  margin-top: 5px;
  height: 33px; }

.s-line-l:before {
  content: " ";
  display: inline-block;
  border: 3px solid #01427A;
  background: #01427A;
  height: 40px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.s-line-r:before {
  content: " ";
  display: inline-block;
  border: 3px solid #01427A;
  background: #01427A;
  height: 40px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.s-triangle-bl:before {
  display: block;
  content: " ";
  margin-left: 7px;
  margin-top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: transparent transparent transparent white; }

.s-circle:before {
  display: block;
  content: " ";
  margin-left: 7px;
  margin-top: 7px;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  background: white; }

.s-square:before {
  display: block;
  content: " ";
  margin-left: 9px;
  margin-top: 9px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white; }

.icon-blue-large {
  color: #01427A;
  font-size: 40px; }

.contactform {
  z-index: 5;
  position: absolute;
  top: 0; }
  .contactform .contactform-body {
    padding: 1em;
    margin-top: 2em;
    margin-right: 1em;
    background: rgba(255, 255, 255, 0.9); }
  .contactform input[type="submit"] {
    border-radius: 0;
    padding: .5em 2em;
    font-size: 1em;
    font-weight: normal; }

body {
  font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  padding-top: 0;
  font-family: 'Roboto', sans-serif;
  color: inherit; }

h1 {
  font-size: 4em; }

h2 {
  font-size: 3.5em; }

h3 {
  font-size: 2em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

.text-small {
  font-size: small; }

.text-larger {
  font-size: xx-large; }

.text-large {
  font-size: x-large; }
