/* 
Theme Name:		 CRC Child Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 CRC Child Theme is a child theme of crc, created by ChildTheme-Generator.com
Author:			 BKAD DEV
Author URI:		 http://childtheme-generator.com/
Template:		 crc
Version:		 1.0.0
Text Domain:	 crc-child
*/

body {
    line-height: 1.6;
}

.logo {
	height: auto;
    width: 100%;
}

#hero-ticker-number {
	display: none;
}

a,
a:focus,
a:active, 
a:visited {
	color: #e34a21;
}

a:hover {
    text-decoration: none;
}

.title-underline {
  border-bottom: 2px solid #e34a21;
}

.blue,
.blue a,
.blue:visited,
.blue a:visited {
	color: #e34a21;
}

.blue-bg  {
	background-color: #e34a21;
}

.main-navigation ul ul li:not(:last-of-type),
aside .menu-item:not(:last-of-type) {
	border-bottom: 1px solid #242424;
}


.read-chevron::after,
a[role="button"].btn-blue:after,
a[rel="prev"]:before,
a[data-label~="newer"]:after,
a[data-label~="older"]:before {
	border-color: #e34a21;
}

.tiny-border__blue:after {
	background: #e34a21;
}

.list-title a,
.list-title a:visited {
	color: #e34a21;
}

.message-404 a,
.message-404 a:visited {
 color: #e34a21;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #556670;
}

nav .button-loupe img {
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    width: 38px;
    box-sizing: border-box;
    padding-left: 38px;
}

nav .button-loupe .el-loupe {
	background-image: url('/wp-content/uploads/2019/09/loupe40x40.png');
    display: block;
}

nav .button-loupe .el-carat {
	background-image: url('/wp-content/uploads/2019/09/carat40x40.png');
}

.menu.nav-menu > li:hover {
    background: #556670;
}

.main-navigation a.tel-number {
	color: #e34a21;
	font-size: 30px;
}

.nav-search input[type="search"],
.nav-search {
	background: #e34a21;
}

button.btn-search-submit {
    border-left: 1px solid #dcdcdc;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    box-shadow: none !important;
}

.btn-blue, a.btn-blue {
    border-color: #e34a21;
    color: #e34a21;
}

a.btn-blue:visited {
    border-color: #e34a21;
	background: #ffff;
	color: #e34a21;
}

a.btn-blue:hover {
    background: #e34a21;
	color: #ffff;
}

a[role="button"].btn-blue::after, a[rel="prev"]::before, a[data-label~="newer"]::after, a[data-label~="older"]::before {
    border-color: #e34a21;
}

.featured .blue {
    color: #e34a21;
}

.dark-blue-bg {
    background-color: #e34a21;
}

aside .menu-item:not(:last-of-type),
.footer-foo:not(:first-of-type) {
    border-color: #ff6c458c;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-color: #e34a21;
}

h1.page-title.m-font-l  {
    margin: 36px auto 20px auto !important;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 115%;
}
.menu-item-has-children::after, .main-navigation ul ul li::after {
    top: 17px;
}

aside .sidebar-title a {
	color: #fff;
}

#wp_pg_order_form_content select#country,
#wp_pg_order_form_content input[type="text"],
#wp_pg_order_form_content input[type="email"] {
	max-width: 275px;	
	width: 100% !important;
}

.tooltip_green {
	max-width: 18px;
}

@media (min-width: 1024px) {
	.menu.nav-menu  > li > a {
		color: #556670;
	}

	.main-navigation ul ul {
		background: #231f20;
	}
        .main-navigation ul ul {
        background: #e34a21;
    }

	.main-navigation ul ul li:not(:last-of-type),
    .main-navigation ul ul li {
        border-color: #ff6c458c;
    }
    
}

@media (max-width: 1200px ) {
	.main-navigation a.tel-number {
    	font-size: 25px;
	}
    
	.page-title {
    	font-size: 40px !important;
    	line-height: 1.4 !important;
	}
}

@media (max-width: 1024px ) {
	.logo {
    	max-width: 260px;
	}
    
	.main-navigation {
	    background: #556670;
	}
    
	.page-title {
    	font-size: 35px !important;
    	line-height: 1.3 !important;
        max-width: 600px;
		margin: 36px auto 20px auto !important;
	}
    
    .main-navigation ul ul li:not(:last-of-type),
	.menu.nav-menu > li:not(:last-of-type) {
		border-bottom: 1px solid #9d9d9d61;
	}
}

@media (max-width: 768px ) {
	.page-title {
	    font-size: 30px !important;
        max-width: 90%;
	}
}
    
@media (max-width: 375px ) {
	.logo {
    	width: 75% !important;
	}
}
a.btn-black, a.btn-black:visited, a.btn-white:hover {
    background: #e34a21;
    border-color: #e34a21;
    color: #fff;
}
.img {
    height: auto;
    max-width: inherit;
    width: inherit;
}