/**
 * Theme Name: U-Design Child
 * Theme URI: https://udesigntheme.com/envato-market/
 * Description: This is a child theme of U-Design.
 * Author: Andon
 * Author URI: https://1.envato.market/OdObz
 * Template: u-design
 * Version: 1.0.0
 */

/** 

                 
/*********** ADD YOUR CUSTOM CSS CODE BELOW THIS LINE: ***********/





.accordions-head-title {
  font-family: Montserrat;
  font-weight: 600;
  padding-top:12px;
  padding-bottom:12px;
}





#navigation-menu ul.sf-menu > li.ctabutton
{
  display: inline-block;
  padding: 0px 0px;
  border-radius: 20px;
  border: 0;
  font-weight: 500;
  font-size: 14px !important;
  text-align:center;
  text-transform: uppercase;
  letter-spacing:1px;
  background: #f13c20;
  width:111px;
  height:36px;
  color: #ffffff !important;
}

#navigation-menu ul.sf-menu > li.ctabutton a span {
  color: #ffffff;
  margin-top: -2px;
}

/* Add a rollover background color but keep the text white */
#navigation-menu ul.sf-menu > li.ctabutton:hover,
#navigation-menu ul.sf-menu > li.ctabutton:focus,
#navigation-menu ul.sf-menu > li.ctabutton:active {
  background: #000000;
  color: #ffffff !important;
}





.page-id-20 #logo h1 a, 
.page-id-20 #logo .site-name a {
    background: transparent var(--wpr-bg-4ead4dfc-106b-4007-9f41-6d8d5d2092d7) no-repeat 0 100%;
    width: 188px; /* Image Width */
    height: 50px; /* Image Height */
}





.postmetadata {
    clear: initial;
}


.archive h2 a,
.page-template-page-Blog h2 a {
    color: #000000;
}



h1, h2, h3, h4, h5, h6 { 
   font-weight:600 !important;
}




.fleet-row{
    -webkit-box-shadow: 1px 3px 12px -3px rgba(40, 40, 40, 0.40);
    -moz-box-shadow:    1px 3px 12px -3px rgba(40, 40, 40, 0.40);
    box-shadow:         1px 3px 12px -3px rgba(40, 40, 40, 0.40);
	-webkit-border-radius: 10px;
	-webkit-appearance: none;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}



#top-wrapper {
    background-color: rgba(0, 0, 0, 0) !important;
}


.archive .post-top h2,
.category .post-top h2,
.single #page-content #page-title h1,
.page-template-page-Blog .post-top h2 {
	font-size: 38px !important;
	line-height:46px !important;
}




.accordion-content p, .tabs-content p {
	line-height: 26px !important;
	margin-right: 30px !important;
}


.accordions-head {
margin-right: 30px !important;
}


.accordions .accordions-head{
border: none;
}


.accordions .accordions-head{
  margin-bottom: 10px !important;
}



.prev-title {
font-size: 14px !important;
line-height: 16px !important;
}


.next-title {
font-size: 14px !important;
line-height: 16px !important;
}



.pt-cv-wrapper a,
.pt-cv-wrapper a:hover {
    font-size: 14px !important;
    line-height: 12px !important;
    font-weight: 400 !important;
	text-transform: uppercase !important;
    color: #75777f !important;
}



.pt-cv-readmore {
    color: #ffffff !important;
    background-color: #c8972b !important;
    border: none !important;
	font-size:13px !important;
}




.wp-video{
text-align: center;
margin-left: auto;
margin-right: auto;
}






.colortobw img {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}

.colortobw img:hover {
	-webkit-filter: grayscale(70%) !important;
	filter: grayscale(70%) !important;
}


#sidebar .teaser-title {
line-height: 20px !important;
}


h4.slide_toggle a {
  	font-family:Montserrat !important;
	font-size: 16px !important;
	color:#242424 !important;
	font-weight:700 !important;
}


.teaser-title {
	font-family:'Playfair Display';
	font-style: italic !important;
	font-size: 16px !important;
	line-height: 14px !important;
	color: #000000 !important;
	padding-top: 5px !important;
}


.widgettitle {
font-size:16px !important;
font-weight:700 !important;
text-transform:uppercase !important;
}



#sidebarSubnav h3 {
  font-size:16px !important;
}


.widget_search input#searchsubmit {

    background: var(--wpr-bg-6a8fb764-4aba-439d-9215-515f75ee3001) no-repeat;
    float: right;
    margin-top: 7px;
    margin-right: 10px;
    width:42px;
    height:40px;

}

#sidebar .widget_search input#search-field {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    height: 42px;
}



.wpcf7-form .wpcf7-submit {
background:#fd9e2c ! important;
border:0px;
color:white ! important;
font-weight: bold ! important;
font-size: 12px ! important;
border-radius: 30px;
width: 170px ! important;
height: 46px ! important;
behavior:url(../../../../../../../themes/u-design-child/border-radius.htc);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
}



.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea
{
background-color: #FFFFFF;
border: 1px solid #bdbcbc;
color: #2E2E2E;
padding: 12px 7px;
font-size: 13px ! important;
border-radius: 0px;
behavior:url(../../../../../../../themes/u-design-child/border-radius.htc);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
width: 95%;
}


#navigation-menu { 
 text-transform:uppercase; 
}


#navigation-menu ul.sf-menu li li {
  margin-bottom: 0;
  text-transform:uppercase;
}


.mean-bar {
    display: none;
}





/* Keep footer area background image in responsive screens */
@media screen and (max-width: 719px) {
    #footer-bg { background-image: var(--wpr-bg-e8e9c737-7aaf-42ae-9c25-4f2fadfef7cd); }
}




#logo h1 a, #logo .site-name a { margin-left: -20px !important; 
}


 /* Adjust logo position on mobiles */
@media screen and (max-width: 719px) {

    #logo {
        width: 60%;
    }

    #logo h1 a, #logo .site-name a {
        background-position: left top !important;
        width: 100%;
        height: 60px;
		margin-top:6px;
	}

 }


@media screen and (max-width: 719px) {
.single #page-content #page-title h1 {
    font-size: 24px;
	line-height:30px;
   }
} 




@media screen and (max-width: 959px) {
.single #page-content #page-title h1 {
    font-size: 28px !important;
	line-height:34px !important;
   }
} 



@media screen and (max-width: 480px) {
.archive .post-top h2,
.category .post-top h2,
.page-template-page-Blog .post-top h2 {
font-size: 24px !important;
line-height:30px !important;
  }
}




@media screen and (min-width: 719px) and (max-width: 959px) {
.archive .post-top h2,
.category .post-top h2,
.page-template-page-Blog .post-top h2 {
font-size: 20px;
line-height:26px;
  }
}