/*
 Theme Name:   Business Essentials Child Theme
 Theme URI:    httpswww.migenius.com/
 Description:  migenius Child Theme for Business Essentials
 Author:       Paul Arden
 Author URI:   httpswww.migenius.com/
 Template:     business-essentials-wp
 Version:      1.0.0
 License:      Commercial
 License URI:  httpswww.migenius.com/
 Tags:         migenius
 Text Domain:  business-essentials-wp-child
*/

/* Price tables */
.pricetable h4.pricetable-price{
text-align: center !important;
color: #ffffff !important;
background-color: #4baad3 !important;
font-size: 24px !important;
font-weight: 200 !important;
font-style:normal !important;
}

.pricetable h3.pricetable-name{
font-weight: normal !important;
font-size: 16px !important;
color: #ffffff !important;
background-color: #3083a7 !important;
}

.pricetable .pricetable-feature small{
font-size: 12px !important;
font-style: italic;
font-weight: 200;
color: #6c6c6c !important;
margin-top: 0px !important;
}

/* Headings */
h2, h2 a {
color: #6c6c6c;
}

/* Very top */
#top_wrapper {
background-color: #282560;
}

/* Very bottom */
#copyright_wrapper {
background-color: #20262a;
}

/* Header area */
#header_wrapper {
background-color: #40434a;
}

/* Bottom area */
#bottom_wrapper {
background-color: #323b42;
}

/* Footer headings */
#bottom_wrapper h5 {
color: #7774a6;
}

/* Footer links */
#bottom_wrapper a {
color: #bdbdbd;
}

/* Top menu container */
.topmenuwrapper {
background-color: #40434a;
}

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

.topmenu select {
font-weight: 100 !important;
background-color: #20262a !important;
}

.topmenu select option {
font-weight: 100 !important;
}

.topmenuwrapper {
background-color: #40434a;
}

}


/* Selected menu item */
ul.sf-menu li.current-menu-item a  {
background-color:#20262a;
}

/* Hover over selected menu item */
.sf-menu li:hover {
background-color:#20262a;
}

/* Selected sub-memnu item */
ul.sf-menu li ul.sub-menu li a:hover {
background-color:#0e9bd7;
}

/* Sub-menu background */
.sf-menu li ul {
background-color:#0087c3;
}

/* Little triangle at top of the sub-menu */
.sf-menu li ul:before {
border-color: transparent transparent #0087c3;
}

.sf-menu li a {
        color:#bdbdbd;
        text-decoration:none;
        display:block;
        font-size:13px;
        font-family: 'Open Sans',sans-serif;
        -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
        text-transform: uppercase;
        font-weight: 400;
        padding:15px;
        }

/* Staff */
.employee_image {
background-color: #3A9AC4;
}
.employee_name a:hover {
color: #3A9AC4;
}

/* Links */
ul li a {
color: #6c6c6c
}

a {
color: #3b4550;
}

p a {
color: #3b4550;
transition: color .3s ease;
    font-weight: 700;
    border-bottom: 0.15rem solid #74c34d;
    text-decoration: none;
}
p a:hover {
    text-decoration: none;
}

/* PDF Icon for links */
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 20px;
	background: url("/migenius/wp-content/themes/business-essentials-wp-child/img/pdficon_small.png") left center no-repeat;
}

/* Input buttons */
input[type="submit"] {
border-bottom: 3px solid #0087c3;
padding: 10px 30px 7px 46px;
background: url("/migenius/wp-content/themes/business-essentials-wp/img/mail.png") no-repeat scroll 19px 11px #3A9AC4;
}

.hrr {                                  
	border:none;                    
	clear: both;                    
	margin-bottom:54px;             
	margin-top:44px;                
	border-bottom:1px solid #d4d4d4;
}

input[type=submit] {                        
	margin-bottom: 0;                   
	margin-top: -8px;                   
	text-decoration: none;              
	float: initial;                     
	display: block;                     
	color: #ffffff;                     
	font-size: 14px;                    
	font-family: 'Open Sans',sans-serif;
	border: none;                       
	padding: 10px 30px 10px 30px;       
	transition:all .5s ease-in;         
-o-transition:all .5s ease-in;          
-moz-transition:all .5s ease-in;        
-webkit-transition:all .5s ease-in;     
	background-color:#FF675B;           
	text-transform:uppercase;           
	border-radius: 0;                   
}

input[type=submit]:hover {                                   
	margin-bottom: 0;                                    
	margin-top: -8px;                                    
	background-color:#42484d;                            
	text-decoration: none;                               
	float: initial;                                      
	display: block;                                      
	color: #f5f4f2;                                      
	font-size: 14px;                                     
	font-family: 'Open Sans',sans-serif;                 
	border: none;                                        
	padding: 10px 30px 10px 30px;                        
	text-transform:uppercase;                            
	border-radius: 0;                                    
}                                                    

input[type=submit] {                                         
	text-decoration: none;                               
	float: initial;                                      
	display: block;                                      
	color: #ffffff;                                      
	font-size: 14px;                                     
	font-weight: 500;                                    
	font-family: 'Open Sans',sans-serif;                 
	border: none;                                        
	border-bottom: 3px solid #DD4A38;                    
	padding: 10px 30px 7px 46px;                         
	background: url("/migenius/wp-content/themes/business-essentials-wp-child/img/mail.png") no-repeat scroll 19px 11px #FF675B;
	transition:all .5s ease-in;                          
-o-transition:all .5s ease-in;                           
-moz-transition:all .5s ease-in;                         
-webkit-transition:all .5s ease-in;                      
	text-transform:uppercase;                            
}                                                    

input[type=submit]:hover {                                   
	text-decoration: none;                               
	float: initial;                                      
	display: block;                                      
	color: #ffffff;                                      
	font-size: 14px;                                     
	font-weight: 500;                                    
	font-family: 'Open Sans',sans-serif;                 
	border: none;                                        
	border-bottom: 3px solid #42484d;                    
	padding: 10px 30px 7px 46px;                         
	background: url("/migenius/wp-content/themes/business-essentials-wp-child/img/mail.png") no-repeat scroll 19px 11px #42484d;
	text-transform:uppercase;                            
}

.simplePullQuote {                               
	margin:5px 0 30px;                       
	padding:0 0px 0 50px;                        
	text-align:left;                             
	font-family: 'Open Sans', sans-serif;        
	font-size:24px;                          
	color:#4BAAD3;                           
	float:right;                             
	width:40%;                               
	line-height: 1.4em;                      
	font-weight:200;                         
}                                        

/* Fix caption margins */                        
.wp-caption {                                    
	margin: 10px 0px 20px 0px !important;    
}

/* Tab styling */

body .creativ-shortcode-tabs {
	overflow: hidden;
	padding: 40px 0 0 0;
	position: relative;
	margin: 0 0 20px 0;
}
body .creativ-shortcode-tab-buttons {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 41px;
	display: block;
	width: 100%;
	z-index: 10;
}
body .creativ-shortcode-tab-buttons a {
	border: 1px solid #EEE;
	/*border-bottom: 1px solid #DDD;*/
	border-color: #DDD !important;
	color: #8F959D !important;
	display: block;
	float: left;
	margin: 0 8px 0 0;
	height: 39px;
	line-height: 39px;
	padding: 0 20px;
	text-decoration: none;
	font-size: 18px;
}
body .creativ-shortcode-tab-buttons a.active {
	background-color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF !important;
	color: #B7BEC7;
}
body .creativ-shortcode-tab-buttons a:hover {
	color: #B7BEC7 !important;
}
body .creativ-shortcode-tabpane {
	background-color:#FFFFFF;
	border: 1px solid #DDD!important;
	position: relative;
	display: block;
	padding: 20px 20px 20px 20px;
}
body .creativ-shortcode-tabpane p {
	margin: 0px;
}

/* Accordion Styling */
body .creativ-shortcode-toggle {
	margin: 0 0 20px 0;
	display: block;
	border: 1px solid #DDDDDD !important;
}
body .creativ-shortcode-toggle .creativ-shortcode-toggle-content {
        border-top: 1px solid #DDDDDD !important;
        padding: 20px 20px 20px 20px;
}

/* reCAPTCHA Padding */
#recaptcha {
	padding-bottom: 40px;
}

/* Pricing table overrides */

.pricetable .pricetable-column.pricetable-featured {
        border: 1px solid #0087c3 !important;
        padding: 0px !important;
        border-radius: 0px 0px 0px 0px !important;
        }

.pricetable-featured .pricetable-header p{
        text-align: center !important;
        background-color: #0087c3 !important;
        font-size: 14px !important;
        color: #ffffff !important;  
        font-style:italic !important;
        font-weight: 200 !important;
        padding-bottom: 15px !important;
        margin: 0px !important;
        }

.pricetable-featured .pricetable-button-container a .pricetable-gradient{
        background: -moz-linear-gradient(top,  rgba(243,228,175,0) 0%, rgba(227,193,75,0) 0%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,228,175,0)), color-stop(100%,rgba(227,193,75,0))) !important;
        background: -webkit-linear-gradient(top,  rgba(243,228,175,0) 0%,rgba(227,193,75,0) 0%) !important;
        background: -o-linear-gradient(top,  rgba(243,228,175,0) 0%,rgba(227,193,75,0) 0%) !important;
        background: -ms-linear-gradient(top,  rgba(243,228,175,0) 0%,rgba(227,193,75,0) 0%) !important;
        background: linear-gradient(top,  rgba(243,228,175,0) 0%,rgba(227,193,75,0) 0%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ae90', endColorstr='#26ae90',GradientType=0 ) !important;
        text-shadow: none !important;
         -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
        -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
        background-color: #0087c3 !important;
        border-bottom: 3px solid #282560 !important;
        }

img.latex {
	padding-bottom: 1.5em;
	display: block;
	margin: auto;
}

.browser-mockup {
    position: relative;
    height: 900px;
    width: auto;
    left: auto;
    margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) {
    .browser-mockup {
        width: calc(70vw);
        left: calc(-35vw + 50%);
    }
}
@media only screen and (min-width: 1685px) {
    .browser-mockup {
        height: 1150px;
    }
}
.browser-mockup .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}
.start_button {
    background: 0;
    border: 0;
    outline: 0;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid white;
    border-radius: 50%;
    position: absolute;
    width: 80px;
    height: 80px;
}
/*.jacket_iframe.mobile {
    width: calc(60vw - 20px);
    height: 900px;
    left: calc(-30vw + 50% + 10px);
}*/

/* Browser mockup code
 * Contribute: https://gist.github.com/jarthod/8719db9fef8deb937f4f
 * Live example: https://updown.io
 */

.browser-mockup {
  border-top: 2em solid rgba(230, 230, 230, 0.7);
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 3px 3px 0 0
}

.browser-mockup:before {
  display: block;
  position: absolute;
  content: '';
  top: -1.25em;
  left: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #f44;
  box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}
    
.browser-mockup.with-tab:after {
  display: block;
  position: absolute;
  content: '';
  top: -2em;
  left: 5.5em;
  width: 20%;
  height: 0em;
  border-bottom: 2em solid white;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
}

.browser-mockup.with-url:after {
    display: block;
    position: absolute;
    content: 'https://mtn.labs/';
    top: -25px;
    left: 90px;
    width: calc(100% - 90px - 20px);
    box-sizing: border-box;
    height: 20px;
    border-radius: 2px;
    background-color: white;
    line-height: 19px;
    font-weight: 600;
    padding-left: 9px;
    font-size: 12px;
}

.browser-mockup > * {
  display: block;
}

.browser-mockup {
  flex: 1;
}

ul, ol {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

ul, li {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

p code {
    background-color: #e9e9e9;
    font-family: monospace;
}

pre.wp-block-code {
    margin-top: 40px;
    margin-bottom: 40px;
}

pre.wp-block-code code {
    background-color: #e9e9e9;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
    font-family: monospace;
    display: inline-block;
    width: 100%;
}

.gutenbee-no-overlay .twentytwenty-overlay {
    display: none;
}

#contentwrapper .gutenbee-no-overlay img {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.breadcrumb_wrapper {
    width: 100%;
    background-color: #323b42;
    min-height: 50px;
}

.blue, .blue a {
    color: #40434a;
}

h3, h3 a {
    color: #6c6c6c;
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.pagination .current {
    padding: 11px 12px;
    color: #ffffff;
    background-color: #20262a;
}