/*
Theme Name: Dang Good
Theme URI: https://inet-media.ca/
Author: Chad Reitsma
Description: A base to be used with King Composer to create something incredible! Go team!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: danggood
*/


/* ====== Scoped Styling for .footer-accordion ====== */
.footer-accordion details {
  padding: 15px 25px;
  background: white;
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
}

.footer-accordion summary {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}

.footer-accordion summary::-webkit-details-marker {
  margin-right: 4px;
}

.footer-accordion summary p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.footer-accordion summary p span,
.footer-accordion summary p i {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* ====== Global Styling for All Accordions ====== */
summary {
  font-size: 18px;
  padding-left: 0;
}

/* Arrow spacing (for Chrome/Safari) */
summary::-webkit-details-marker {
  margin-right: 2px;
  padding: 0;
}

/* Normalize layout for summary contents */
summary > p,
summary > h3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove extra spacing on first icon (if needed) */
summary > p span:first-child,
summary > h3 span:first-child {
  margin-left: -2px !important;
}

/* Icon/emoji spacing fix */
summary p span,
summary h3 span,
summary p i,
summary h3 i {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}


/* header search */
header .toggle-search {
	cursor: pointer;
	font-size: 1.55rem;
	color: white;
}

header #searchform {
	position: absolute;
	top: 42px;
	width: 100%;
    display:none; 
}

header #searchform input {
	width: 100%;
	padding: 15px;
	border: none;
	background: white;
	box-shadow: 0px 7px 12px #00000021;
}



/* Responsive vidswaps */
.vidswap {
        
    position:relative;

    /*aspect ratio*/
    padding-top: calc(270 / 980 * 100%);
    padding-bottom: calc(270 / 980 * 100%);

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    

    text-align:center;
    cursor:pointer;
}

.vidswap .title {
    color:white; 
    position: absolute;
    top: 1em;
    left: 1em;
}

.vidswap iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.rank-math-breadcrumb p {
    font-size: 18px;
}


/* Sticky nav classes for mobile */
#masthead.sticky .desktop-menu-wrapper {
    position:fixed;
    top:0;
    width:100%;
    z-index: 10000;
}
#masthead .mobile-fixed-spacer {
    display:none;
}
#masthead.sticky .mobile-fixed-spacer {
    display:block !important;
}


.outer-menu-wrapper{
	display: flex;
	flex-direction: column;
}
@media screen and (min-width:1070px){
	.outer-menu-wrapper .utility-menu-container{
		order:1;
	}
	.outer-menu-wrapper .desktop-menu-wrapper{
		order: 12;
	}
}

.outer-menu-wrapper .utility-menu .kc-container{
	padding: 0 0;
}
.outer-menu-wrapper .utility-menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 15px 0;
}

.outer-menu-wrapper .utility-menu .left{
	width: 100%;
	text-align: center;
}
@media screen and (min-width:1070px){
	.outer-menu-wrapper .utility-menu .left {
		width: 53.24%;
		text-align: left;
	}
}
.outer-menu-wrapper .utility-menu .left h3{
	color: #ffba1f;
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
	font-size: 24px!important;
	font-weight: 800!important;
	margin-bottom: 10px!important;
	text-shadow: 0px 1px 1px #000;
}
.outer-menu-wrapper .utility-menu .left img{
	width: 100%;
	height:auto;
}
@media screen and (min-width:1070px){
	.outer-menu-wrapper .utility-menu .left img {
		width: 100%;
		height: auto;
	}
}

.outer-menu-wrapper .utility-menu .right {
	text-align: center;
	width: 100%;
}
@media screen and (min-width:1070px){
	.outer-menu-wrapper .utility-menu .right {
		width: 46.75%;
	}
}
.outer-menu-wrapper .utility-menu .right a{
	color: #157091;
	font-size: 38px;
	font-weight: 800;
	text-shadow: 0px 1px 1px #000;
}

.outer-menu-wrapper .desktop-menu-wrapper,
.mobile-fixed-spacer {
	background: #fd8204;
	padding: 7px 0;
    height:42px;
}

@media screen and (min-width:1070px){
	.outer-menu-wrapper .desktop-menu-wrapper, 
    .mobile-fixed-spacer {
		padding: 0px 0;
        height:68px !important;
	}
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu{
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	line-height: 1;
	font-size: 100%;
	display: none;
}
@media screen and (min-width:1070px){
	.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu{
		display: block;
	}
}
.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu li{
	list-style: none;
	margin: 0;
	float: left;
	position: relative;
	display: inline;
	vertical-align: middle;
	zoom: 1;
	padding: 2px 0;
}
.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu li a {
	color: white;
	display: block;
	font-family: "Arial";
	font-size: 14px !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 25px 13px !important;
	border-radius: 3px !important;
	text-shadow: 0 1px 1px rgba(70, 70, 70, 0.7);
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu li:hover {
	background:white;
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu li:hover a {
	color:#fd8204;
	text-shadow:none;
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	
	width:300px;
	margin: 0px;
	padding: 0px;
	
	list-style: none;
	line-height: 1;
	font-size: 100%;
	background-color: white;
	border: none !important;
	box-shadow: none !important;

}
.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu li {
	padding: 0;
	margin: 1px 0;
}
.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu li a {
	color: #fd8204;
	display: block;
	text-decoration: none;
	text-shadow:none;
	padding: 25px 13px !important;
	margin: 0px 2px;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	width: auto;
	line-height: 1;
	font-size: 100%;
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu li:hover {
	background:#fd8204;
}
.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu li:hover > a {
	color:white !important;
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children:hover .sub-menu {
	display: block !important;
}

.outer-menu-wrapper .desktop-menu-wrapper ul.main-menu .menu-item-has-children .sub-menu .sub-menu{
	top: 1px;
	left: 100%;
	position: absolute;
	z-index: 598;
	width: auto;
}


.mobile-flex-wrapper {
    display: none;
    flex-direction: row;
    justify-content: space-between;
}

.mobile-flex-wrapper input {
	background: white;
    color: black;
    border: none;
    border-radius: 4px;
    position: relative;
    height: 28px;
    width: 130px;
    margin-right: -3em;
    padding-left: 10px;
}

.mobile-nav-close {
    display:none;
}

@media screen and (max-width:1069px){
	
	.desktop-menu-wrapper .phone{
        display: block !important;
    }
	
    .desktop-menu-wrapper .phone i{
		font-size: 20px;
		transform: scaleX(-100%);
		color:white !important;
    }
	
	.desktop-menu-wrapper .phone span {
		color: white;
		font-size: 21px;
		font-weight: bold;
		margin-left: 8px;
	}
	
    .mobile-flex-wrapper {
        display:flex;
    }
}



@media screen and (max-width:1069px){
	
    .mobile-nav-close,
    .mobile-nav-toggle{
        color: white;
        font-size: 1.3rem;
    }
    
    .mobile-nav-toggle {
        display:block; 
        cursor:pointer;
    }
    
}

.mobile-nav-close span,
.mobile-nav-toggle span {
	font-weight: 600;
	font-size: 1.8rem;
	margin-right: 8px;
}



.mobile-nav-container {
	overflow-y: scroll;
	right: -320px;
	top: 42px;
	bottom: 0;
	position: fixed;
	width: 320px;
	background: #fd8204;
	z-index:9999;
}

.mobile-nav-container .mobile-nav {
	list-style: none;
	padding: 10px 0px 40px 0px;
	margin: 0;
}

.mobile-nav-container .mobile-nav li {
	margin: 0;
	border-top: solid 1px rgba(255,255,255,0.07);
	border-bottom: solid 1px rgba(255,255,255,0.07);
	position: relative;
	padding: 13px 14px;
}

.mobile-nav-container .mobile-nav li a {
	color: white !important;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	z-index: 9999;
	font-family: Arial,Helvetica,sans-serif;
}

.mobile-nav-container .mobile-nav li a:hover {
	color: #449BD1
}

.mobile-nav-container .mobile-nav li:first-child {
	border-top: none
}

.mobile-nav-container .mobile-nav li:first-child a {
	padding-top: 0;
	border-top: none
}

.mobile-nav-container .mobile-nav li:last-child {
	font-weight: 600;
}

.nav-open{
	overflow: hidden;
}


.mobile-nav li.menu-item {
	cursor:pointer;
}

.mobile-nav li.current_page_item {
	background-color: #ffa500;
}
.mobile-nav li.menu-item-has-children ul.sub-menu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0
}

.mobile-nav li.menu-item-has-children ul.sub-menu li {
	padding-left: 13px;
}

.mobile-nav li.menu-item-has-children ul.sub-menu li a {
	font-size: 16px !important
}

.mobile-nav li.menu-item-has-children::after {
	font-family: 'icomoon' !important;
	font-size: 24px;
	content: "\e901";
	color: white;
	display: block;
	position: absolute;
	top: 10px;
	right: 13px;
	cursor: pointer;
	transform-origin: center;
	transition: 0.2s linear transform;
	font-weight:bold;
}


.mobile-nav li.menu-item-has-children.open:after {
	content: "\e900";
	font-family: 'icomoon' !important;
	transform-origin: center;
	font-weight:bold;
}

/* Slider buttons always orange */
.rev-btn {
	background-color: #fd8204 !important;
}
.rev-btn a { color:white !important; }


/* Wrap text on buttons */
.kc_button {
	white-space: normal !important;
}


/* Standard HTML Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}

ol,ul{margin-left:35px;
}

blockquote,table{
    border-collapse:collapse;
    border-spacing:0;
}

blockquote p::before, 
blockquote p::after {
    content: "\"";
}

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0 !important;
	padding:0 !important;
	line-height:normal;
}

h1, h2 {
    font-size: 2.0rem;
	font-weight:800;
}
h3{
	font-size:28px!important;
	font-weight:800!important;
	margin-bottom:10px!important;
}
a {	font-family: "Arial"; text-decoration:none; color:#157091; }
a:hover { background-color:none; text-decoration:none; color:#927203; }


img {
 max-width: 100%;
 height: auto;
}

p {
	color:#222;
	font-size:18px;
	padding-bottom:20px;
	line-height:1.44em;
}

strong { font-weight:600; }
em {   font-style: italic; }


.text-white a, 
.text-white p,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
	color:white;
}

.text-white:hover a,
.text-white a:hover { 
	color:#FF9B04; 
}
.text-shadow {
    text-shadow: 0px 1px 1px #000;
}

.text-center {text-align:center !important;}

/* header */
.affiliation-logos li {
	list-style:none;
	float:left;	
	margin-right:5px;
}
.affiliation-logos li:last-child {
	margin-right:0;
}

/* Navigation */
#menu-main li a { 
    font-family: "Arial";
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

ul.dropdown li a {
    padding: 25px 13px !important;
}
ul.dropdown li.hover a:hover, 
ul.dropdown li:hover a {
    background-color: #ffba1f !important;
}

ul.dropdown ul {
    background-image: none;
    background-color: white !important;
    border: none !important;
	box-shadow:none !important;
}

.sub-menu li {
	width:100% !important;
}

.header-blurb {
	display:table-cell;
	vertical-align: middle;
	padding-right: 35px;
}

.header-tag {
	font-size: 1.75rem;
	font-weight: bold;
	font-style: italic;	
	text-align:center;
	color:#F60;
}

.header-call {
	font-size: 2.25rem;
	font-weight: bold;
	padding-top: 6px;	
	text-align:center;
	color: black;
}
.header-call a {
	color: black;
}
.affiliation-logos {
	display:table-cell;
	vertical-align: middle;
}

#navigation-main.sticky {
	position:fixed;
	top:0;
	z-index:1000;
}


/* blog stuff */
.blog-container {
	padding-top:20px;
	padding-bottom:20px;
}


.blog-header,
.blog-meta {
	font-family:Arial;
	font-size:18px;
	text-align:center;
	padding:5px;
}

.blog-header a {
	font-family:Arial;
	color:  #ffba1f;
	font-weight: bold;
	text-decoration:underline;	
}

.blog-header h1,
.blog-header h2,
.blog-header h3 {
	font-family:Arial;
	color:  #ffba1f;
	text-shadow: 0px 1px 1px #000;
	
}

.widget-title { color: #fd8204; text-shadow: 0px 1px 1px #000; }
.widget-container { padding:15px; }

/* buttons */

.black-callout-button a {
    color: #fadb4a;
}
.black-callout-button {
    padding: 8px;
}

.map-pin-list li {
	list-style:none;
	margin-bottom:10px;
}

.map-pin-list li:before {
	content:"\f3c5";
	font-family:"FontAwesome";
	color:#fd8204;
	padding-right:15px;	
}

.footer-badges {
	display:table;
	margin:0 auto;
}

.footer-badges li {
	display: table-cell;
	vertical-align: middle;	
	padding-right: 10px;
	padding-left: 10px;
}

.header-with-image li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 31px;
    font-weight: 800;
}

.valueprop-list {
	padding-left: 25px;
}

.valueprop-list li {
	
	margin-bottom:17px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	font-family:Verdana;
	
	list-style: none;
	margin-left: -40px;
	
}

.valueprop-list li:before {
	font-family:"FontAwesome";
	content:"\f00c";
	font-size: 20px;
	padding-right: 14px;
}

.form-group label {
    font-size: 16px;
}

#CF5a8491df7ab2f_1 label {
    font-size: 18px;
}


.form-header {
    padding: 15px;
    background: white;
    border-radius: 7px;
    border: 2px solid #fa7609;
}
.form-comment-header label {
    font-size: 21px;
}

.padding-15px {
	padding:15px;
	padding-bottom:0;
	padding-top:0;
}


.testimonial-content {
    text-align: center;
}

.testimonial-content p {
    font-size:19px;
	font-style:italic !important;
}


.wprev_showdate_T1 {
    font-size: 15px;
    color: #747474;
}

.wprevpro_t1_SPAN_5 {
	font-weight:bold;
}


.kc-carousel_images img {
	width:100%!important;
    margin:auto;
}


.owl-buttons {
	display:none;
}


.strong-view.simple .testimonial-client {
    text-align: center;
    font-weight: bold;
}


.scissor-icon {
  position: absolute;
  top: -60px;
  right: 50px;
}




/**Menu Shrink**/
@media screen and (max-width:1060px){
	
	#menu-main li{
		padding: 13px 4px;
	}
	
	.affiliation-logos img {
 	  max-height: 55px;
	  width: auto;
	}	
	
	.header-tag {
		font-size: 1rem;
	}
	
	.header-call {
		font-size: 1.75rem;
	}
	
	.mobile-reverse-row { display:block !important; }
	.mobile-reverse-column-right { float:right !important; }
		
}


@media screen and (max-width:998px) {
	.kc_col-sm-9,
	.kc_col-sm-3 {
		width:100%;
	}	
	
	.header-logos { display:none; }
	
	.header-blurb {
		padding-right:8px;
	}

	.column-as-table-at-998 {
		display:table !important;
		padding-bottom:15px !important;
	}
	
}


@media screen and (max-width:860px){
	
	#menu-main li{
		padding: 10px 2px;
	}
	
}


@media screen and (max-width:1144px) and (min-width:768px) {
	.caldera-form-submit input {
    	font-size: 12px !important;
    	padding-left: 22px;
		
	}	
	
	.caldera-form-submit::after {
		content:"";
	}
}


@media screen and (max-width:768px){
	
	#wprmenu_bar .menu_title a {
    	display: inline-block;
		position: relative !important;
		color: white !important;
		top:0 !important;
	}
	
	.shailan-dropdown-menu{
		display:none!important;
	}
	
	.header-blurb {
		display:block;
		text-align:center;
		width:100%;
		padding-right:0;
	}
	
	.affiliation-logos {
		display:none;
	}
	
	.affiliation-logos li {
		float:none;
		display:inline-block;	
	}
	
	.header-tag {
		font-size: 1.15rem;
	
	}
	
	.header-call {
		font-size: 2.25rem;
	}
	
	

.wprs_unslider-nav ol li {
    width: 19px !important;
    height: 19px !important;
    border: 1px solid #d27700 !important;
}
.wprs_unslider-nav ol li.wprs_unslider-active {
    background: #d27700 !important;
}

.wprs_unslider-arrow.prev,
.wprs_unslider-arrow.next {
	display:none !important;	
}
	
	
}

@media screen and (max-width:767px) {
	.scissor-icon {
		position: absolute;
		top: -40px;
		right: 0;
	}
	.mobile-phone-call {
		position: fixed;
		right: 13px;
		top: 5px;
		z-index: 100000;
		width: 50px !important;
	}
	
}


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

	h1, h2 {
		font-size: 1.9rem;
		font-weight:800;
	}
		
    .owl-pagination {
	    display: none;
	}
	
	.owl-buttons {
		display:block;
		margin-top:-15px;	
	}
	
	.owl-prev,
	.owl-next {
		font-size:1.25rem !important;
		padding:14px !important;
		padding-left:1.6rem !important;
		padding-right:1.6rem !important;
		
	}
	
	.orange-box {
	    margin-top: 0px !important;
	}

	

	
}


@media screen and (max-width:460px){
	
	.footer-badges li {
		display:block;
		margin-bottom:12px;
	}
	
	.header-call {
		font-size: 1.85rem;
	}
	
}

#cat {
  font-size: 20px;
  padding: 0.35em;
}

.widget-container ul li {
  font-size: 20px;
}

.kc_button.btn-shadow,
.kc-elm .kc_button.btn-shadow,
.kc-elm.kc-css-343239 .kc_button.btn-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
}

/* fix overflow from screen-reader label inside this widget */
.wp-block-search__label {
  width: 100%;
  position: relative;
}

/* Center Scriptless Social Sharing buttons */
.scriptlesssocialsharing__buttons {
justify-content: center !important;
}