/* 
Theme Name: SMDEV_v1.0
Theme URI: https://github.com/elementor/hello-theme/
Description: SMDEV_v1.0 is a child theme of Hello Elementor.
Author: SMDEV
Author URI: https://smdev.au
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**************************** 
 Table of Contents
 - 1.Color Reference
 - 2.Typography 
 - 3.General 
 - 4.Header/Main Navigation
 - 5.Mobile Navigation 
 - 6.Forms
 - 7.Home Page
 - 8.Sub Pages
 - 9.Footer
 - 10.Elementor Overrides
 - 11.Woocommerce
 - 12.Media Queries 
 ***************************/

/**__1.Color Reference__**/
/*
    var(--e-global-color-primary);
    var(--e-global-color-secondary);
    var(--e-global-color-text);
    var(--e-global-color-accent);
*/

html{scroll-behavior: smooth;}
a:hover{cursor:pointer!important;}
.no-scroll{overflow:hidden;}

/**__2.Typography__**/

.no-margin,
.no-margin p,
.no-margin-last p:last-child{margin-bottom:0;}

/**__3.General__**/
ul + p{margin-top:1em;}
ul.tick{list-style:none;padding: 0;}
ul.tick li {position:relative;padding-left: 46px;padding-bottom: 34px;}
ul.tick li:before{content:'';background: var(--e-global-color-primary);height:32px;width:32px;display:inline-block;border-radius: 3px;position:absolute;left: 3px;top: -5px;}
ul.tick li:after{ content:''; border-top:4px solid #fff; border-right:4px solid #fff; transform:rotate(135deg); height:11px; width:17px; display:inline-block; position:absolute; left: 10px; top: 4px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); }
ul.tick.tick-alt li {padding-left:55px;}
ul.tick.tick-alt li:before{top:4px;}
ul.tick.tick-alt li:after{top:12px;}

.custom-ol ol {list-style: none;counter-reset: my-counter;padding-left:0;}
.custom-ol ol li {position: relative;margin-bottom: 20px;padding-left:40px;  }
.custom-ol ol li::after {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  background-color: red;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  margin-right: 15px;
  left:0; 
  top:0; 
  position:absolute;  
}


/**__4. Header/Main Navigation__**/
#main-header{transition:all linear 0.2s;}
#main-header.scrolled-header {position:fixed;z-index:999;transition:all linear 0.2s; box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);}
#main-header .sub-menu {min-width:100%!important;}

.desktop-cta p{margin-bottom:0;}
#mobcta a{text-align:left;}

/**__5.Mobile Navigation__**/
.mob-menu{overflow-y: scroll!important;height:100vh;}
.mob-menu a {width: 100%;justify-content: space-between;}
.mob-menu span.sub-arrow {background: transparent; padding: 14px 18px!important;position: absolute; right: 3px; top: 9px; border-left: 1px solid var(--e-global-color-1a720b9);}
.mob-menu .elementor-nav-menu .sub-arrow i{font-size:20px;}
.mob-menu .has-submenu.highlighted .sub-arrow i{transform:rotate(180deg);}
.mob-menu .menu-item-has-children .sub-menu{background:var(--e-global-color-a69993f)!important;}
.mob-menu .menu-item-has-children .sub-menu a{font-size:14px!important;}

/* edit the hamburger and close icon colors here */
.smdev-button {--hamburger-color: #1D75C2;--close-x-color: #1D75C2;display: block;height: 18px;cursor: pointer;position: relative;z-index: 101;}
/* must add in elementor template ID number to make the menu full width */
.elementor-43 {width: 100%;}
/* end editing */

.smdev-navigation { position: fixed; top: 0; left: 0; transform: translateX(-100%); overflow: hidden; transition: transform 0.2s; width: 100%; height: 100vh; z-index: 100; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); }
.smdev-navigation {display: flex;justify-content: center;align-items: center;}

/* toggle hamburger*/
.smdev-button .smdev-hamburger {position: relative;}
.smdev-button .smdev-hamburger span{display: block;height: 4px;width: 34px;background: var(--hamburger-color);transform-origin: 50% 50%;transition: all 0.1s 0.2s ease, transform 0.2s ease;}
.smdev-button .smdev-hamburger span:nth-child(2) { transform: translate(0, 6px); -webkit-transform: translate(0, 6px); -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -o-transform: translate(0, 6px); }
.smdev-button .smdev-hamburger span:nth-child(3) { transform: translate(0, 12px); -webkit-transform: translate(0, 12px); -moz-transform: translate(0, 12px); -ms-transform: translate(0, 12px); -o-transform: translate(0, 12px); }
.smdev-nav_control {position: absolute;left: -9999px;width: 100%;clip: rect(0, 0, 0, 0);}
.smdev-nav_control:checked~.smdev-navigation { transform: translateX(0); opacity: 1; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.smdev-nav_control:checked~.smdev-button .smdev-hamburger {top: 27px;position: fixed;left: 18px;padding: 17px 0px;}

/* closed X */
.smdev-nav_control:checked~.smdev-button .smdev-hamburger span {background: var(--close-x-color);transition: all 0.1s ease, transform 0.1s 0.2s ease;}
.smdev-nav_control:checked~.smdev-button .smdev-hamburger span:first-child {opacity: 0;display:none;}
.smdev-nav_control:checked~.smdev-button .smdev-hamburger span:nth-child(2) { transform: translate(0, 8px) rotate(45deg); -webkit-transform: translate(0, 8px) rotate(45deg); -moz-transform: translate(0, 8px) rotate(45deg); -ms-transform: translate(0, 8px) rotate(45deg); -o-transform: translate(0, 8px) rotate(45deg); }
.smdev-nav_control:checked~.smdev-button .smdev-hamburger span:nth-child(3) { transform: translate(0, 4px) rotate(-45deg); -webkit-transform: translate(0, 4px) rotate(-45deg); -moz-transform: translate(0, 4px) rotate(-45deg); -ms-transform: translate(0, 4px) rotate(-45deg); -o-transform: translate(0, 4px) rotate(-45deg); }

/**__6.Forms__**/

.search-form{margin-bottom:40px;}
.search-form input.elementor-search-form__input,
.search-form .elementor-search-form input[type=search]{font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: var( --e-global-typography-text-font-weight );padding-left: calc(50px / 3);padding-right: calc(50px / 3);}
.search-form button.elementor-search-form__submit {min-width: 50px;background-color: var( --e-global-color-secondary );}
.search-form .elementor-search-form__container {background-color: #ffffff;border-color: #474747;border-width: 1px 1px 1px 1px;border-radius: 0px;max-width: 500px;}

/**__7.Home Page__**/



/**__8.Sub Pages__**/
/* #breadcrumbs a:after { content: ''; height: 10px; width: 10px; border-top: 3px solid #9e9e9e; border-right: 3px solid #9e9e9e; transform: rotate(45deg); display: inline-block; margin: 0px 15px; position: relative; top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } */
#breadcrumbs .breadcrumb_last {font-weight: 400;}
.smdev-btn {border:solid 2px #fff;background:  var(--e-global-color-primary)0!important;font-weight: 600;font-family: var(--e-global-typography-text-font-family);margin-top: 1em;color: #fff!important;padding: 17px 25px 13px;display: inline-block;border-radius: 6px;transition:all linear 0.2s;}
.smdev-btn:hover{border:solid 2px  var(--e-global-color-primary)0;background: #fff!important;color:  var(--e-global-color-primary)0!important;transition:all linear 0.2s;}


/**__9.Footer__**/
.copy-info p{margin-bottom:0;}
.footer-contact-list a .elementor-icon-list-text,
.footer-contact-list a:hover .elementor-icon-list-text{transition:all linear 0.2s;}
.footer-contact-list strong{font-size:calc(100% + 0.5rem);}
.footer-nav ul {display: flex;flex-wrap: wrap;justify-content:space-between;}
.footer-nav ul li {flex: 1 1 50%;padding-bottom:1em;}
.footer-contact-list .elementor-icon-list-item{align-items:flex-start!important;}
#backtotop{position:absolute;bottom:35px;right:0;}

/**__10.Elementor Overrides__**/
.elementor-select-wrapper .select-caret-down-wrapper svg { display: unset;width: 13px; height: 41px;aspect-ratio: unset; fill: currentColor;}
.elementor-message.elementor-message-success:before {display:none;}
/**__11.Woocommerce__**/


/**__12.Media Queries__**/

@media(min-width:541px){

}
@media(min-width:768px){
    #backtotop{right: 35px;bottom: 85px;}
	#main-header.scrolled-header{margin-top:-50px;}
}
@media(min-width:881px){

  
}
@media(min-width:992px){

}
@media(min-width:1025px){

}
@media (min-width:1200px){

}
@media (min-width:1400px){
 
}

.nav-cta-btn a {
	background: #005aa9!important;
    color: white!important;
    padding: 15px!important;
}

.home .footer-cta-ribbon {display:none;}