/*
Theme Name: Suncor Stainless
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: Wordpress Theme for Suncor Stainless
Template: dhwp-base
Version: 1.2.5
License: Proprietary
Text Domain: dhwp-suncor
Tags:
see https://make.wordpress.org/themes/handbook/review/required/theme-tags/
see WordPress' CSS coding standards https://make.wordpress.org/core/handbook/coding-standards/css
*/

/* LIKELY SITE-SPECIFIC CHANGES */

.wp-block-separator { margin: 0; }

.circle img { border-radius: 100%; }

.wp-block-button__link { padding: 15px 30px; border-radius: 50px; font-weight: 600; }
.wp-block-button__link:hover { background-color: #01b6c7 !important; }
.wp-block-file .wp-block-file__button { background: #01b6c7; }

/* Header */
.dhlogomenu img { width: 100%; }

/* Breadcrumbs */
#breadcrumbs { padding: .9em; background: #f9f9f9; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.breadcrumbs-container { max-width: 1400px; margin: 0 auto; font-size: 14px; }
.breadcrumbs-container a { text-decoration: none; opacity: .7; color: #777777;  }
.breadcrumbs-container a:hover { opacity: 1; }
#breadcrumbs > div > span > span > a:before { content: "\f015"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 1.2em; font-weight: 900; padding-right: 6px; }

/* Home */
.home #breadcrumbs { display: none; }
.product-category-tn h3 a { text-decoration: none; }
.product-category-tn img { border-top: 4px solid #00a2b1; }
.product-category-tn .wp-block-column + .wp-block-column { padding-left: 0; }

/* Learn Dash */
.embed_download a { color: #00a2b1; }
.embed_download a:hover { text-decoration: underline; }

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { align-items: center !important; }

.page-id-697 .ld-course-list-items .ld_course_grid .entry-title { min-height: 80px; }

.wp-block-button__link { font-size: .9em; }

.learndash-wrapper .ld-quiz-actions .quiz_continue_link,
.learndash-wrapper .ld-quiz-actions .quiz_continue_link #quiz_continue_link { display: none; }

.ld-course-list-items .ld_course_grid .thumbnail.course { height: 380px; }
.ld-course-list-items .ld_course_grid .thumbnail .caption p { width: 96% !important; position: absolute; bottom: 0; margin: 15px 0 10px !important; }

/* Knowledgebase */
#kbe-wrapper { max-width: 1400px; margin: 25px auto; }
#kbe-live-search { margin: 2.5em 0; }
#kbe-content { margin: 1em 0; }
#kbe-content a { color: #00a2b1; }

/* Product Pages & Search */
.dhmain .pagination-standard > a,
.pagination .nav-previous a,
.pagination .nav-next a { display: inline-block; padding: .25em .5em; background-color: #eee; border: 1px solid #ccc; color: #000; text-decoration: none; }

.dhmain .pagination-standard > a:hover,
.pagination .nav-previous a:hover,
.pagination .nav-next a:hover { border-color: #000; background-color: #fff; }

.pagination .nav-previous { float: right; }
.pagination .nav-next { float: left; }

.found-results { text-align: center; margin-top: calc(.25em + 1px); }

.pagination { margin: 1em 0 }
.pagination-standard { text-align: center; margin: .5em 0; max-width:none; }

.searchandfilter > ul { margin-left: 0; padding-left: 0; }

.searchandfilter label,
.searchandfilter input[type=text],
.searchandfilter select { box-sizing: border-box; width: 100%; max-width: 300px;  }
.searchandfilter input[type=text],
.searchandfilter select { padding: .25em .5em; font-size: .9em; }

.dhgrid-wrap .preview-image { float: none; width: 100%; max-height: none; }
.dhgrid-wrap .post-preview + .post-preview:before { display: none; }
.dhgrid-wrap .post-preview .preview-image + h3,
.dhgrid-wrap .post-preview .preview-image + h3 + .excerpt { margin-left: 0; }

.dhgrid-wrap .post-preview .preview-image + h3 { font-size: 1.2em; }
.dhgrid-wrap .post-preview .preview-image + h3 + .excerpt { font-size: .9em; }
.dhgrid-wrap .post-preview .preview-image + h3 + .excerpt .subhead { font-size: 1.05em; }

.dhgrid-wrap .post-preview { border: 1px solid #ddd; border-top: 3px solid #00a2b1; padding: .5em; }
.dhgrid-wrap .post-preview h3 a { text-decoration: none; }
.dhgrid-wrap .post-preview h3 a:hover { text-decoration: underline; }


/* Footer */
footer.dhfooter .company-info { align-items: center; margin-bottom: 2.5em; }
footer.dhfooter ul { padding-left: 0; list-style-type: none; }
#nav_menu-3 a, #nav_menu-4 a { opacity: 1; }
#custom_html-3 a { opacity: 1; }
#custom_html-3 li { padding: .25em 0; }
#custom_html-3 i { width: 10px; margin-right: 15px; }
#custom_html-4 a { opacity: 1; }
#custom_html-4 a:hover { opacity: .7; }
#custom_html-4 li { display: inline-block; }
#custom_html-4 i { font-size: 16px; width: 30px; line-height: 30px; text-align: center; background-color: #ffffff; color: #031b45; border-radius: 100%; margin: 0 2px; }


/* Normal Menu Styles */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {

}

/* adjust padding at certain sizes so menu doesn't crowd logo - might have to do this at a few different breakpoints */
/* works in conjunction with .logo-container {width} to ensure menu and logo don't overlap */
@media (max-width: 1300px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.8em .7em; } }
@media (max-width: 1150px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.6em .6em; } }


/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	/*#kbe-wrapper { padding-left: 14px; padding-right: 14px; }*/
	#kbe-live-search, #kbe-content { max-width: 90%; padding: 0 14px; }
}

@media (max-width: 600px) {
	.home .wp-block-buttons { text-align: center; }
	.kbe-count { float: none; display: block; margin-top: 10px; }
}


.pum-container.theme-5702{
	margin-bottom:0px;

}

.pum-container.theme-5702 .popup-content-wrapper{
	display: flex;
	flex-flow: column;
	text-align: center;
}

.pum-container.theme-5702 .popup-content-wrapper h2{
    font-size:24px;
}

.pum-container.theme-5702 .popup-content-wrapper h2 em{
	font-style: normal;
	color:#00A2B1;
}

.pum-container.theme-5702 .gform_footer{
	text-align: center;
}

.pum-container.theme-5702 .gform_button{
	background-color: #00A2B1;
	border-radius:50px;
	border:none;
	color:white;
	font-size:19px;
	line-height: 50px;
	padding:0 30px;
}

.pum-container.theme-5702 .gform_wrapper .gfield {
    text-align: left;
}

.pum-container.theme-5702 .gform_button:hover{
	background-color: #008996;
}

.pum-container.theme-5702 .gform_wrapper .gform_validation_errors>h2 {
    line-height:normal;
}

@media (min-width: 782px) {
    
    .pum-container.theme-5702 .popup-content-wrapper h2{
        margin-top:40px;
    }
	.pum-container.theme-5702 .popup-content-wrapper{
		flex-flow: row;
		text-align: left;
	}
	
	.pum-container.theme-5702 .popup-content-wrapper .left {
        width:45%;
    }
    
    .pum-container.theme-5702 .popup-content-wrapper .right {
        padding-left:20px;
    }
    
    .pum-container.theme-5702 .gform_wrapper {
        max-width: 280px;
    }
    
    .pum-container.theme-5702 .gform_footer{
    	text-align: left;
    }
}

/* Start VONT changes Apr 2022 */

.single-steel-product .entry-content h1 {
    display:none;
}

.single-steel-product .entry-content h1.product-title {
    display:block;
}

.single-steel-product .entry-content .header-wrapper {
   
}

header.preheader {
    padding-top:1em;
    padding-bottom:1em;
    padding-top:0;
    padding-bottom:0;
}

header.preheader .dhwidget#nav_menu-5,
header.preheader .dhwidget#search-3 {
    padding-top:10px;
    padding-bottom:10px;
}

@media (max-width:640px) {
    header.preheader .dhwidget#nav_menu-5 {
        display:none;
    }
}

header.preheader .request-a-quote a {
    opacity: 1;
    font-size:14px;
    background-color:#00A2B1;
    padding:10px 30px;
    text-transform: uppercase;
    display:inline-block;
}

.single-steel-product .product-tools-wrapper {
    float:right;
}

.single-steel-product .product-tools-wrapper .product-add-to-favorites-button {
    background-color:#00a2b1;
    color:#ffffff;
}

.single-steel-product .product-add-to-favorites-button span img {
    width:16px;
    height:auto;
    color:#fff;
    padding-right:8px;
    vertical-align: middle;
}

.single-steel-product .product-add-to-favorites-button.favorite {
    background-color:green;
}

#request-a-quote-favorites-html-wrapper .product-favorites-wrapper {
    padding:5px;
    border:1px solid #DDDDDD;
    border-top:3px solid #00A2B1;
    margin-bottom:40px;
}

#request-a-quote-favorites-html-wrapper table {
    width:100%;
    border-collapse: collapse;
}

#request-a-quote-favorites-html-wrapper table tr {
    border-top:1px solid #DDDDDD;
}

#request-a-quote-favorites-html-wrapper table tr:first-child {
    border-top:0;
}

#request-a-quote-favorites-html-wrapper table tr th {
    padding:8px;
    font-weight:bold;
    text-align: left;
}

#request-a-quote-favorites-html-wrapper table tr th:first-child,
#request-a-quote-favorites-html-wrapper table tr td:first-child {
    width:150px;
    text-align: center;
}


#request-a-quote-favorites-html-wrapper table tr th:last-child,
#request-a-quote-favorites-html-wrapper table tr td:last-child {
    width:150px;
    text-align: right;
}

#request-a-quote-favorites-html-wrapper table tr td {
    padding:0px 8px;
}

table#product-favorites {
    
}

table#product-favorites .product-title {
    font-weight:bold;
}

table#product-favorites img {
    width:120px;
    height:auto;
}

table#product-favorites .product-remove-from-favorites-button {
    text-decoration: underline;
    text-align: right;
    color:#000;
}

table#product-favorites .product-remove-from-favorites-button:before { 
    content: "\f2ed";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.2em;
    font-weight: 900;
    padding-right: 6px;
    color:#000;
}

table#product-favorites .product-remove-from-favorites-button:hover {
    cursor:pointer;
}

table#product-favorites a.removing {
    opacity:.5;
}

/* PopupMaker styling */

.pum-content .request-a-quote-popup-wrapper h2 {
    font-size: 24px;
    font-weight:bold;
}

.pum-content .request-a-quote-popup-buttons {
    margin-top:30px;
}

.pum-content .request-a-quote-popup-buttons a {
    background-color:#00A2B1;
    color:#fff;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
    margin-bottom:30px;
}

.pum-content .request-a-quote-popup-buttons a:first-child {
    margin-right:30px;
}

.pum-content img.aligncenter{
	display:block;
	margin:0 auto;
}