/*
 Theme Name:     Quarter Cheaper Signs
 Theme URI:      https://quartercheapersigns.ca
 Description:    quartercheapersigns
 Author:         Quarter Cheaper Signs
 Author URI:     https://quartercheapersigns.ca
 Template:       Divi
 Version:        1.0.0
*/
 
/*@import url("../Divi/style.css");
@import url("fonts.css");
@import url("elegant_font.css");*/

/* =Theme customization starts here
------------------------------------------------------- */

/*====================  Start Custom CSS ====================*/
body{
	font-weight: normal !important;
}


/*---------------- Commons ----------------*/
.et_social_sidebar_networks {
    top: 50% !important;
}
.jss_breadcrumb, 
.jss_breadcrumb li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.jss_breadcrumb li {
    display: inline-block !important;
}
.jss_breadcrumb li.separator {
    padding: 0 10px !important;
}

.feedback-form {
    overflow: hidden !important;
}
.feedback-form .row.full {
    overflow: hidden;
}
.feedback-form .col.full,
.feedback-form .col.half{
    margin-bottom: 5px !important;
}
.feedback-form .col.half.left {
    width: 49% !important;
    float: left !important;
}
.feedback-form .col.half.right {
    width: 49% !important;
    float: right !important;
}
.feedback-form input[type=text], 
.feedback-form input[type=email], 
.feedback-form textarea {
    width: 100% !important;
    padding: 10px !important;
}
.feedback-form .googleRecaptcha {
    overflow: hidden;
}
.feedback-form input[type=submit] {
    padding: 15px 50px !important; 
    background: #000000 !important;
    border: 0 !important;
	border:1px solid #000000 !important;
    font-size: 1.4em !important;
	font-weight: bold !important;
    text-transform: uppercase;
    color: #fe8f01 !important;
	cursor: pointer !important;
	transition: background 1s;
}
.feedback-form input[type=submit]:hover {
    background: #fe8f01 !important;
    color: #000000 !important;
}




.google-form-link {
    padding: 15px 50px !important; 
    background: #ff0000 !important;
    border: 0 !important;
	border:1px solid #ff0000 !important;
    font-size: 1.2em !important;
	font-weight: bold !important;
    text-transform: uppercase;
    color: #ffffff !important;
	cursor: pointer !important;
	transition: background 1s;
    display: block !important;
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
.google-form-link:hover {
    background: #fe8f01 !important;
    color: #000000 !important;
}
.google-form-link-footer {
    max-width: 500px;
}


/*---------------- Header ----------------*/
.header-info-wrapper {
    display: flex;
    flex-direction: row;
}
.header-info {
    margin-bottom: 5px;
    padding: 0 8px;
}
.header-info span {
    margin-right: 5px;
}
.header-info a{
    font-size: 14px !important;
    color: #fe8f01 !important;
}
/*---------------- Navigation ----------------*/
.et_pb_menu .et-menu>li{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#menu-primary-menu li a {
    z-index: 99999 !important;
}
#menu-primary-menu li:hover a {
    color: #ffffff !important;
    opacity: 1 !important;
}
#menu-primary-menu li:after {
    content: '';
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    background: #fe8f01 !important;
    position: absolute !important;
    left: 0 !important;
	bottom: 0 !important;
    z-index: 88888 !important;
    transition: all 1s !important;
}
#menu-primary-menu li:hover:after {
    height: 100% !important;
}

/*---------------- Sidebar ----------------*/
#page_sidebar {
    background: #fe8f01 !important;
    padding: 20px !important;
}
#page_sidebar .widgettitle {
    font-size: 2.2em !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}
#page_sidebar a {
    color: #ffffff !important;
}

#page_sidebar .et_pb_widget {
    border-bottom: 1px solid #ffa737;
    padding-bottom: 20px !important;
}
#page_sidebar .et_pb_widget:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#page_sidebar .sidebar-quotation-form .col.full {
    margin-bottom: 5px !important;
}
#page_sidebar .sidebar-quotation-form input[type=text], 
#page_sidebar .sidebar-quotation-form input[type=email], 
#page_sidebar .sidebar-quotation-form textarea {
    width: 100% !important;
    padding: 10px !important;
}
#page_sidebar .sidebar-quotation-form .googleRecaptcha {
    overflow: hidden;
}
#page_sidebar .sidebar-quotation-form input[type=submit] {
    padding: 15px 50px !important; 
    background: #000000 !important;
    border: 0 !important;
	border:1px solid #000000 !important;
    font-size: 1.4em !important;
	font-weight: bold !important;
    text-transform: uppercase;
    color: #fe8f01 !important;
	cursor: pointer !important;
	transition: background 1s;
}
#page_sidebar .sidebar-quotation-form input[type=submit]:hover {
    background: #fe8f01 !important;
    color: #000000 !important;
}


#gform_2 .gform_body {
    margin-bottom: 40px !important;
}
#gform_2 .gform_body .gfield{
	margin-bottom: -30px !important;
}
#gform_2 .gform_body .gfield.gfield--type-captcha{
    overflow: hidden !important;
}
#gform_2 .gform_footer .gform_button{
    width: 100% !important;
    background: #000000 !important;
    color: #fe8f01 !important;
    font-size: 1.6em !important;
	font-weight: bold !important
}





/*---------------- Footer ----------------*/
.bottom-quotation-form {
    overflow: hidden !important;
}
.bottom-quotation-form .row.full {
    overflow: hidden;
}
.bottom-quotation-form .col.full,
.bottom-quotation-form .col.half{
    margin-bottom: 5px !important;
}
.bottom-quotation-form .col.half.left {
    width: 49% !important;
    float: left !important;
}
.bottom-quotation-form .col.half.right {
    width: 49% !important;
    float: right !important;
}
.bottom-quotation-form label {
    color: #000000 !important;
}
.bottom-quotation-form input[type=text], 
.bottom-quotation-form input[type=email], 
.bottom-quotation-form textarea {
    width: 100% !important;
    padding: 10px !important;
}
.bottom-quotation-form textarea {
    width: 100% !important;
    padding: 10px !important;
}
.bottom-quotation-form input[type=submit] {
    padding: 15px 50px !important; 
    background: #000000 !important;
    border: 0 !important;
	border:1px solid #000000 !important;
    font-size: 1.4em !important;
	font-weight: bold !important;
    text-transform: uppercase;
    color: #fe8f01 !important;
	cursor: pointer !important;
	transition: background 1s;
}
.bottom-quotation-form input[type=submit]:hover {
    background: #fe8f01 !important;
    color: #000000 !important;
}


#footer p {
    color: #ffffff !important;
}
#footer .widgettitle {
    font-size: 18px !important;
    line-height: 1.4em !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}
/*#footer #menu-footer-menu li {
    float: left !important;
    width: 50% !important;
}*/



.footer-subscribe-form {
    overflow: hidden !important;
    max-width: 300px !important;
}
.footer-subscribe-form .col.half.left {
    float: left !important;
}
.footer-subscribe-form .col.half.right {
    float: right !important;
}
.footer-subscribe-form .col.half.right {
    max-width: 100px !important;
}
.footer-subscribe-form input[type=email] {
    width: 180px !important;
    padding: 10px !important;
    border: 1px solid #5f5f5f;
    background: transparent !important;
    border-right: 0 !important;
    color: #ffffff !important;
}
.footer-subscribe-form input[type=submit] {
    background: #fe8f01 !important;
    padding: 11px 13px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border: 0 !important;
}
.footer-subscribe-form input[type=submit]:hover {
    background: #ffffff !important;
    color: #3d3d3d !important;
}

#footer #text-4 {
    margin-bottom: 0px;
}

#footer #text-5 .icon_pin_alt:before,
#footer #text-5 .icon_phone:before,
#footer #text-5 .icon_mail:before{
    color: #ffffff;
}


.footer-links-wrap {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
}
.footer-links-heading {
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
    display: none !important;
}
.footer-links a {
    font-size: 14px !important;
    color: #fe8f01 !important;
}

/*---------------- Common Pages ----------------*/
.n2-thumbnail-dot{
	opacity: 1 !important;
}
.smartslider{
	min-width:400px;
}
.smartslider.float{
	float:right;
	margin-left:10px;
    position: relative;
	z-index: 9999 !important;
}

/*---------------- Home Page ----------------*/
body.page-id-2 .et_pb_testimonial {
    display: flex !important;
    flex-direction: column-reverse !important;
}
body.page-id-2 .et_pb_testimonial_description {
    background: #ffffff !important;
    border: 3px solid #cecece !important;
    padding: 20px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}
body.page-id-2 .et_pb_testimonial_description:before {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 18px 18px 0;
    border-style: solid;
    border-color: #cecece transparent;
    display: block;
    width: 0;
}
body.page-id-2 .et_pb_testimonial_description:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

body.page-id-2 .et_pb_image_container img {
    border-bottom: 1px solid #d8d8d8;
}
body.page-id-2 .entry-title {
    min-height: 50px !important;
}
body.page-id-2 .post-content-inner {
    margin-bottom: 20px !important;
}
body.page-id-2 .more-link {
	background: #fe8f01 !important;
    padding: 4px 8px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    float: right !important;
    border: 1px solid #fe8f01 !important;
}
body.page-id-2 .more-link:hover {
    background: #3d3d3d !important;
}
body.page-id-2 .footer-subscribe-form {
    max-width: 280px !important;
}


.signup-company .row {
    display: flex !important;
    flex-direction: row !important;
}
.signup-company .col {
    padding: 20px !important;
    text-align: center !important;
}
.signup-company a {
    font-weight: 600 !important;
    font-size: 35px !important;
    line-height: 0.6em !important;
}
.signup-company img {
    max-width: 300px !important;
    margin-bottom: 20px !important;
    display: block !important;
}






.pages_block .et_pb_post {
    border: none !important;
    background-color: transparent !important;
}
.pages_block .et_pb_image_container, 
.pages_block .entry-featured-image-url {
    margin-bottom: 0 !important;
}
.pages_block .entry-title, 
.pages_block .post-content {
    display: none;
}





.all_posts_on_page,
.all_posts_on_page li{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.all_posts_on_page li{
    /*height: 150px;*/
    width: 16.6% !important;
    padding: 10px !important;
    box-sizing: border-box;
}
.all_posts_on_page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.all_posts_on_page .post_title{
    min-height: 50px !important;
    line-height: 1.4em !important;
    font-weight: bold;
    text-align: center;
}
.all_posts_on_page .post_image {
    text-align: center;
}


.random_posts_on_page,
.random_posts_on_page li{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.random_posts_on_page li{
    /*height: 150px;*/
    width: 25% !important;
    padding: 10px !important;
    box-sizing: border-box;
}
.random_posts_on_page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.random_posts_on_page .post_image {
    overflow: hidden !important;
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    border: 1px solid #fe8f01;
}
.random_posts_on_page .post_title{
    min-height: 50px !important;
    line-height: 1.4em !important;
    font-weight: bold;
    text-align: center;
}
.random_posts_on_page .post_link{
    display: block;
    width: 100% !important;
    background: #fe8f01 !important;
    padding: 4px 8px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    border: 1px solid #fe8f01 !important;
    text-align: center;
}
.random_posts_on_page .post_link:hover{
    background: #000000 !important;
}


/*---------------- Price Page ----------------*/
.price-box {
    display: flex !important;
    flex-direction: row !important;
    background: #ffffff !important;
    border: 1px solid #b9b9b9 !important;
    padding: 20px 20px !important;
    margin-bottom: 50px !important;
}
.price-box-2 {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #b9b9b9 !important;
    padding: 20px 20px !important;
    margin-bottom: 50px !important;
}
.price-box-top {
    display: flex !important;
    flex-direction: row !important;
}
.price-box-bottom {

}
.price-box .desktop-table,
.price-box-2 .desktop-table{
	display:block !important;
}
.price-box .mobile-table,
.price-box-2 .mobile-table{
	display:none !important;
}
.price-box-wrapper{
    background: #ffffff !important;
    border: 1px solid #b9b9b9 !important;
    padding: 20px 20px !important;
    margin-bottom: 50px !important;
}
.price-box-image {
    margin-right: 20px !important;
    margin-bottom: 20px !important;
    min-width: 240px !important;
}
.price-box-content .title {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}
.price-box-content .subtitle {
    font-size: 1em !important;
    text-transform: uppercase;
    color: #000000 !important;
}
.price-box-content .subtitle_red {
    font-size: 1em !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    color: #ff0000 !important;
    margin-bottom: 20px !important;
}
.price-box-content .content {
    font-size: 0.8em !important;
    line-height: 1.4em !important;
    color: #000000 !important;
}

/*---------------- About Page ----------------*/
body.page-id-64 #footer-random-posts {
    display: none !important;
}
body.page-id-64 #footer-form {
    display: none !important;
}




/*---------------- News Page ----------------*/
body.blog #header .et_pb_row,
body.blog #page-container .container{
    max-width: 1180px !important;
}
body.page-id-204 #footer-random-posts {
    display: none !important;
}
body.page-id-204 #footer-form {
    display: none !important;
}
body.page-id-204 .more-link {
    background: #fe8f01 !important;
    padding: 10px 20px !important;
    width: 140px !important;
    text-align: center !important;
	margin-top: 10px !important;
}
body.blog #main-content {
    background-color: transparent !important;
}
body.blog #sidebar {
    display: none !important;
}
body.blog #left-area {
    width: 100% !important;
    padding-right: 0 !important;
}


/*---------------- Contact Page ----------------*/
body.page-id-182 #footer-random-posts {
    display: none !important;
}
body.page-id-182 #footer-form {
    display: none !important;
}


.contact-page-form {
    overflow: hidden !important;
}
.contact-page-form .row.full {
    overflow: hidden;
}
.contact-page-form .col.full,
.contact-page-form .col.half{
    margin-bottom: 5px !important;
}
.contact-page-form .col.half.left {
    width: 49% !important;
    float: left !important;
}
.contact-page-form .col.half.right {
    width: 49% !important;
    float: right !important;
}
.contact-page-form label {
    color: #000000 !important;
}
.contact-page-form input[type=text], 
.contact-page-form input[type=email], 
.contact-page-form textarea {
    width: 100% !important;
    padding: 10px !important;
}
.contact-page-form input[type=submit] {
    padding: 15px 50px !important; 
    background: #fe8f01 !important;
    border: 0 !important;
	border:1px solid #fe8f01 !important;
    font-size: 1.4em !important;
	font-weight: bold !important;
    text-transform: uppercase;
    color: #000000 !important;
	cursor: pointer !important;
	transition: background 1s;
}
.contact-page-form input[type=submit]:hover {
    background: #000000 !important;
    color: #fe8f01 !important;
}


/*---------------- Product Card Page ----------------*/
body.page-id-14572 #footer-random-posts {
    display: none !important;
}
body.page-id-14572 #footer-form {
    display: none !important;
}

#product_card .gform_required_legend {
    display: none;
}
#product_card .gfield_label {
    font-size: 1.4em !important;
}
#product_card #field_1_3 {
    font-size: 1.4em;
    color: #000000;
    margin-bottom: -25px;
}
#product_card button[type=button],
#product_card input[type=submit] {
    background: #fe8f01 !important;
}
#product_card input[type=submit] {
    font-size: 1.4em;
}



/*---------------- Page Photo Gallery ----------------*/
ul.page-photo-gallery,
ul.page-photo-gallery li {
    list-style: none;
	margin: 0;
	padding: 0;
}
ul.page-photo-gallery li {
    margin: 5px;
}
ul.page-photo-gallery {
    display: flex;
    flex-direction: row;
    justify-content: start;
	flex-wrap: wrap;
}
ul.page-photo-gallery a{
	display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
#bottomNavClose img {
    display: none !important;
}
#bottomNavClose::before {
    content: 'X';
    font-size: 2em;
    font-weight: bold;
    color: #000000;
    position: relative;
    right: -25px;
}

/*---------------- Single Blog Page ----------------*/
body.single-post #main-content {
    background-color: transparent !important;
}
body.single-post #commentform input[type=text], 
body.single-post #commentform textarea {
    border: 1px solid #b5b5b5 !important;
    background: #fff !important;
}

body.single-post.postid-605 .et_post_meta_wrapper img,
body.single-post.postid-607 .et_post_meta_wrapper img,
body.single-post.postid-3338 .et_post_meta_wrapper img{
    display: none !important;
}

/******************** Desktop Query ********************/
@media only screen and (min-width: 1023px) {
#footer .et-last-child div {
    border-right: 0 !important;
}

}


/******************** Mobile Query ********************/
@media only screen and (max-width: 1024px) {
.header-info-wrapper {
    flex-direction: column;
}	
.signup-company .row {
    flex-direction: column !important;
}	
.signup-company img {
    max-width: 100% !important;
}	


.all_posts_on_page li{
    width: 100% !important;
}
.random_posts_on_page li{
    width: 100% !important;
}

	
.bottom-quotation-form .col.half.left,
.bottom-quotation-form .col.half.right{
    width: 100% !important;
    float: none !important;
}
	
.price-box {
    flex-direction: column !important;
}
.price-box-2{
		
}
.price-box-top {
    flex-direction: column !important;
}
.price-box-bottom {

}
.price-box-image {
    text-align: center !important;
}
.price-box .desktop-table,
.price-box-2 .desktop-table{
	display:none !important;
}
.price-box .mobile-table,
.price-box-2 .mobile-table{
	display:block !important;
}
	
.contact-page-form .col.half.left,
.contact-page-form .col.half.right{
    width: 100% !important;
    float: none !important;
}
}




/********** Media Query **********/

@media screen and (max-width : 320px){

}

@media screen and (min-width : 321px) and  (max-width: 480px){

}

@media screen and (min-width : 481px) and  (max-width: 640px){

}

@media screen and (min-width : 641px) and (max-width : 768px){

}

@media screen and (min-width : 769px) and (max-width : 1024px){
}

@media screen and (min-width : 1025px) and (max-width : 1224px){

}


/********** iphone **********/

/* iphone 3 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {

}

/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { 

}

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 

}

/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}

/* iphone 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 

}

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 

}




/* For general iPad layouts */
@media only screen and (device-width: 768px) {

}

/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}




/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}

/*====================  End Custom CSS ====================*/