/*
Theme Name: Sarah Luna Design
Theme URI: http://www.sarahlunadesign.com
Version: 1.0
Description: Custom Child theme designed and developed for Sarah Luna Design	
Author: Sarah Luna
Author URI: http://www.sarahlunadesign.com
template: bb-theme
*/

/* Sarah Luna Custom Styles */ 


body,html {
    overflow-x: hidden!important;
     position: relative!important;
        width: 100%!important;
}

.fl-module-content .fl-rich-text a {
    color: #000;
    box-shadow: inset 0 -7px 0 0 rgba(85, 250, 236, 0.7)
}

.fl-module-content .fl-rich-text a:hover {
    background-color: rgba(85, 250, 236, 0.7);
}

.fl-module-content .fl-rich-text p{
    margin-bottom: 20px;
}


	
.sld-hero-bg-01 > .fl-col-content{
    background-size: contain;
}


.tilt-text-left {            
    	transform: rotate(-90deg);
    	-webkit-transform: rotate(-90deg);
    	-moz-transform:rotate(-90deg);
    	margin-top: 60px;
    	
}

.hero-title-header{
 
position: absolute;
    right: -40%;
    top: 10%!important;
    z-index: 2;
}

.sld-hero-fancy-text-hp {
    position: absolute;
    left: -27%;
    top: -20%;
}


.vLine{
      border-left: 2px solid #000000;
    height: 800px;
    margin-left: 48%;
    position: absolute;
    top: 200px;
    z-index: -1;

}

/*------- Default WordPress Header set in the Customize Dashboard-------*/ 

/* Width has to be set to see the new 2022 Sarah Luna Logo SVG */
.fl-page-header-primary .fl-logo-img{
    width: 200px;
}

/*------- Base Global Styles-------*/ 

/*Block Separator Default SLD style*/
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){
        width: 100%;
}

.wp-block-separator {
        border-bottom: 1px solid #e6e9e9;
        opacity: 1;
        margin-top: 40px;
        margin-bottom: 40px;
}

/*h3,h4,h5,h6 Poppins Font*/

h3,h4,h5,h6{
    font-family: "Poppins",sans-serif !important;
    font-weight: bold !important;
}

/*Global header styles*/

.mojito-limon-text-decoration h1,.mojito-limon-text-decoration h2,.mojito-limon-text-decoration h3,.mojito-limon-text-decoration h4,.mojito-limon-text-decoration h5,.mojito-limon-text-decoration h6{
    background: linear-gradient(180deg, rgba(232,255,112,0) 0%, rgba(232,255,112,0) 50%, rgba(232,255,112,1) 50%, rgba(232,255,112,1) 100%);
    display: inline;
}
    
.tropical-pink-light-text-decoration h1,.tropical-pink-light-text-decoration h2, .tropical-pink-light-text-decoration h3,.tropical-pink-light-text-decoration h4,.tropical-pink-light-text-decoration h5,.tropical-pink-light-text-decoration h6{    
    background: linear-gradient(180deg, rgba(255,196,226,0) 0%, rgba(255,196,226,0) 50%, rgba(255,196,226,1) 50%, rgba(255,196,226,1) 100%);
    display: inline;
}    
.cantaloupe-light-text-decoration h1, .cantaloupe-light-text-decoration h2, .cantaloupe-light-text-decoration h3, .cantaloupe-light-text-decoration h4, .cantaloupe-light-text-decoration h5, .cantaloupe-light-text-decoration h6{
      background: linear-gradient(180deg, rgba(255,197,174,0) 0%, rgba(255,197,174,0) 50%, rgba(255,197,174,1) 50%, rgba(255,197,174,1) 100%);
    display: inline;
}

.cabana-blue-light-text-decoration h1, .cabana-blue-light-text-decoration h2, .cabana-blue-light-text-decoration h3, .cabana-blue-light-text-decoration h4, .cabana-blue-light-text-decoration h5, .cabana-blue-light-text-decoration h6{

  background: linear-gradient(180deg, rgba(211,253,249,0) 0%, rgba(211,253,249,0) 50%, rgba(211,253,249,1) 50%, rgba(211,253,249,1) 100%);
    display: inline;

}


/* Header Styles: UABB info box fix to remove text-decoration that is added when using the above code*/

.uabb-infobox-title-prefix{
    display: block!important;
    background: linear-gradient(45deg, transparent, transparent)!important;
}



/*To add a half Background Color on a container */
.tropical-pink-light-half-bg .fl-row-content-wrap {
background: linear-gradient(180deg, rgba(255,196,226,0) 0%, rgba(255,196,226,0) 40%, rgba(255,196,226,1) 40%, rgba(255,196,226,1) 100%);
}

/*To add a solid box shadow to give elements a layered effect*/

.cabana-blue-solid-box-shadow{
    box-shadow: 10px 10px 0 rgb(85 250 236);
}

/*Mobile Nav*/

.sl-mobile-menu .uabb-creative-menu-mobile-toggle-container{
    background-color:#000000;

}
.sl-mobile-nav-active .current_page_item a, .uabb-creative-menu.full-screen .menu > li.current-menu-item > a span.menu-item-text {
    text-decoration: underline;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-header-logo{
	margin-right: 0px;
}



.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a{
		text-align:center;
	}

	/*SLD Portfolio Landing Pg Nav*/
	
	.sld-portfolio-menu2 a:hover, .sld-portfolio-menu2 a:focus {
		color:#ffffff;
	}
	.sld-portfolio-menu2 li > a:hover{
		border-bottom: 1px solid #ffffff!important;
		margin-bottom: -1px;
	}
	
	
	code {
		padding: 20px!important;
		border:1px solid #cccccc!important;
        display: block!important;
        color: #000000!important;
        background-color: transparent!important;
        border-radius: 0px!important;
        font-size: 16px!important;
	}
	
	

/*Typography and Fonts*/

@font-face {
    font-family: 'black_diamondregular';
    src: url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.eot');
    src: url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.woff2') format('woff2'),
         url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.woff') format('woff'),
         url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.ttf') format('truetype'),
         url('/wp-content/themes/sarah-luna-design/fonts/black_diamond-webfont.svg#black_diamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



	.PlayfairD{
		font-family: "Playfair Display", sans-serif;
        font-weight: normal;
        font-style: normal;
	}
	
    .BebasNeue { 
        font-family: 'Bebas Neue', 'Open Sans Condensed', Arial, sans-serif; 
        font-weight: normal;
        font-style: normal;
    }
    
    .BlackDiamond, .BlackDiamond h1, .BlackDiamond-h2 .uabb-typed-main{
        font-family: 'black_diamondregular',"Open Sans Condensed", Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
    }
    
    .BlackDiamond-h2{
        font-size: 45px;
    }
    
    .PlayfairD-LeadCap-subhead{
    	font-style: italic;
    	font-size: 30px;
    	
    }
    
  .font-style-italic .uabb-typed-main{
  	font-style: italic;
  }
    
    h1, h2, h3, h4, h5, h6 { 
        font-family: "Bebas Neue","Open Sans Condensed", Arial, sans-serif; 
        font-weight: normal; 
        font-style: normal; 
    
    }
    
    h2, h3, h4, h5, h6{
        line-height: 1.15;  
    }
    
    
    p, h1, h2, h3, h4, h5, h6 {
        margin: 0;
    }
    
     .uabb-form-success-message{
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 1.5
    }
    
    .hero-subhead {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 1.2;
    font-family: "Playfair Display", sans-serif;
    font-style: italic;
    }
    
    .subhead-body {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 1.5;
    	
    }
    
     blockquote{
     	border-color: #d3fdf9;
    font-family: Playfair Display;
    font-size: 20px;
    line-height: 1.6;
     }
    
    .sld-blockquote{
        font-size: 28px;
        font-weight: 300;
        font-style: italic;
        line-height: 1.4;
        max-width: 880px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
       font-family: "Playfair Display", sans-serif;
        
    }
    

    .sld-blockquote-before, .sld-blockquote-after{
        font-size: 150px;
        position: absolute;
        font-family: 'Playfair Display';
        color: #d3fdf9;
        font-style: normal;
        line-height: 0;
        z-index: 0;
    }

    .sld-blockquote-before{
        top: 48px;
        margin-left: -40px;
    }
    
    .sld-blockquote-after{
        bottom: -8px;
        margin-left: -25px;

    }

    
    .sld-blockquote-copy{
         position: relative;
    z-index: 1;
    }
    
    
    .sld-blockquote-main .sld-separator-line-right{
        display: none
    }
    
    li {
        padding-top: 10px;
    }
    
    
/*Links*/

    .fancy-link-white, .fancy-link-cabana-blue  {
	color: #000;
    
}

.fancy-link-white{
    box-shadow: inset 0 -7px 0 0 rgba(245, 245, 245, 0.7);
}


.fancy-link-white:hover {
	background-color: rgba(245, 245, 245, 0.7);
}


.fancy-link-cabana-blue {
    box-shadow: inset 0 -7px 0 0 rgba(85, 250, 236, 0.7);
}


.fancy-link-cabana-blue:hover {
	background-color: rgba(85, 250, 236, 0.7);
}

a.sld-top-bar:hover, a.sld-top-bar:hover{
	color: #ffffff;
}

    
/*Margin and Padding*/
    
    .mar-top-20{
        margin-top:20px!important;
    }
    
    .mar-bot-20{
        margin-bottom:20px!important;
    }
    
    .center-content, .center-content .fl-separator{
        margin: 0 auto;
    }
    
/*Copy Centered 800px Max Width*/
.copy-max-width-800{
	max-width: 800px;
	margin: 0 auto;
}



/*Colors*/

	.cabana-blue{
            background-color: #55fbed;
     } 
     
    .cabana-blue-light{
            background-color: #d3fdf9;
     } 
     
     .mojito-limon{
            background-color: #e8ff70;
     }   
     
     .mojito-limon-light{
            background-color: #f9ffdb;
     } 
     
     .cantaloupe{
        background-color: #FF895C;
     }
 	
 	.cantaloupe-light{
        background-color: #FFC5AE;
     }
     
     .bright-rose{
         background-color:#F244C4
         
     }
     .tropical-pink{
 		background-color: #FF94CB;
 	}
 	
 	.tropical-pink-light{
 		background-color: #FFC4E2;
 	}
 	
 	.passion-fruit{
 		background-color: #ffd670;
 	}

	.passion-fruit-light{
 		background-color: #feeec5;
 	}
 	
 	.color-white{
 		color:#ffffff;
 	}
    
   /*5 Things mail chimp Form*/
  .uabb-form-success-message{
  	    padding: 40px;
    background-color: #fff;
    margin-top: 40px;
  }
  
  /*Colored BGs*/
  
  .mojito-limon-bg-w-slice .fl-col-content{
  	background-color: #e8ff70;
  	    background-image: url(/wp-content/uploads/mojito-limon-light-b-r-slice.png);
  background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: scroll;
    background-size: 304px;
  }
  
  .cabana-blue-bg-w-slice{
  	background-color: #55fbed;
  	    background-image: url(/wp-content/uploads/cabana-blue-light-t-r-slice.png);
  background-repeat: no-repeat;
    background-position: right top;
    background-attachment: scroll;
    background-size: 304px;
  }
  
  .passion-fruit-bg-w-slice{
  	background-color: #ffd670;
  	    background-image: url(/wp-content/uploads/passion-fruit-light-b-l-slice.png);
  background-repeat: no-repeat;
    background-position: left bottom;
    background-attachment: scroll;
    background-size: 304px;
  }
    
 /*Website Application Form*/
	
	.gform_wrapper ul.gform_fields li.web-app-section-headers {
 	    margin-top: 40px;
		margin-bottom: 0;
		}
 
	 pre code{
	 	white-space: normal;
	 }
		code, kbd, pre, samp{
			font-family: "Open Sans", sans-serif;
		
		}
	 pre {
	
	    padding: 0;
	    margin: 0;
	    font-size: 18px;
	    line-height:1.5;
	    color: #333;
	    background-color: #ffffff;
	    border: none;
	    border-radius: 0;
	    word-break: normal;
	    word-wrap: normal;
	}
	 
	.form_saved_message,.gform_wrapper p, .gform_wrapper .description_above .gfield_description{
	
			font-family: "Open Sans", sans-serif;
			margin-top: 10px;
			font-size: 16px;
		
		} 
	
	.form_saved_message{
		text-align: center;
		line-height: 2;
		background-color:#d3fdf9;
		padding: 40px;
	}
	
	.form_saved_message input[type=text]{
		    background-color: #ffffff!important;
		  
	}
	
	.form_saved_message_emailform{
		padding-top: 30px;
	}
	
	
	.form_saved_message input[type=submit]{
		   margin-top: 30px
	}
	
	.form_saved_message_sent{
			text-align: center;
		line-height: 2;
		background-color:#d3fdf9;
		padding: 40px;
	}

	.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title{
	     font-size: 20px!important;
	    opacity: 1!important;
	 }
	 
	 
	 .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{
	 	    font-size: 30px!important;
	 }
	 
	 .gfield_label, .gform_wrapper select, .gform_wrapper textarea{
	    font-family: "Open Sans", sans-serif!important;
	    }
    
    input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea{
    	-moz-border-radius: 0px;
    -webkit-border-radius: 0;
    border-radius: 0;
    }
    

	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		 width: 100%!important;
	}
	
	
	button, input[type=button], input[type=submit], button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=submit]:active, input[type=submit]:focus{
	
		-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border:none;
    font-size: 15px;
    padding: 12px 24px;
    text-transform: uppercase;
	}
	
	button, input[type=button], input[type=submit], button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=submit]:active, input[type=submit]:focus{
		background: #000000;
		border: 5px solid #000000;
		color:#ffffff;
		transition: all 0.2s linear !important;
	    -moz-transition: all 0.2s linear !important;
	    -webkit-transition: all 0.2s linear !important;
	    -o-transition: all 0.2s linear !important;
	    color: #ffffff;
	}
	
	
	
	button:hover, input[type=button]:hover, input[type=submit]:hover{
		border: none;
		background: transparent;
    	border: 5px solid #000000;
    	color:#000000;
	}
	
	.gform_wrapper .gform_footer a.gform_save_link, .gform_wrapper .gform_page_footer a.gform_save_link{
		color: #000;
		font-family: "Open Sans", sans-serif;
	}
	


	.gform_wrapper .gform_footer a.gform_save_link:hover, .gform_wrapper .gform_page_footer a.gform_save_link:hover {
		text-decoration: underline;
	}
	
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	    padding: 30px 40px!important;
	   
	}
	
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=number]:focus, input[type=search]:focus, input[type=url]:focus, textarea:focus{		border:none;
		background-color:#f3f3f3;	
	}

/*Accents and Details*/

	/*Global Button Settings*/
	.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited{
		border-radius: 0px;
		-moz-border-radius: 0px;
    	-webkit-border-radius: 0px
	}
	
    .sld-main-button a, .sld-main-button .uabb-contact-form .uabb-contact-form-submit{
        text-transform: uppercase;
        border: 5px solid #000000!important;
        font-weight: 600!important;
        padding: 12px 24px;
        font-size: 15px;
            line-height: 17px;
            background: #000000;
            
    }
    
    .sld-main-button a{
    	transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    color: #ffffff;
    }
    
    
    .fl-module-button .fl-button-left{
        text-align: left
    }
    
    .sld-main-button a:hover, .sld-main-button .uabb-contact-form .uabb-contact-form-submit:hover{
     
      	border: 5px solid #000000!important;
      	color:#000000;
    }
    
    .transparent-btn a:hover{
    	background-color: transparent!important;
    }
   
    a.fl-button:hover *, .fl-builder-content a.fl-button:hover *{
            color: #000000!important;
    
    }
   
    a.fl-button:focus *, .fl-builder-content a.fl-button:focus *{
    
    }
   
    .sld-thick-separator .fl-separator{
        width: 100px;
    
    }

    .hero-headline-content .sld-thick-separator .fl-separator{
        margin: 0 auto;
    }

    .hero-headline-content  .fl-module-button .fl-button-left{
        text-align: center;
    }
    
    .sld-full-width{
        width: 100%;
    }
    
    .sld-float-right{
    float: right;   
    }
    
    
    .secondary-inner-page-heading .sld-separator-line-right{
	display: none;
}

/*Gravity Form*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select {
height:auto;
}

/*Mobile Full Width*/

    .mobile-full-width .fl-col{
        max-width: 100%;
    }


/*Fancy Heading Separator base styles*/
.sld-separator-line-table{
    margin: 0 auto!important; 
    display: table;
}

.sld-separator-line-right > span, .sld-separator-line-left > span{
    border-top: 2px solid #000000;
    display: block;
    margin-top: 0 !important;
}

.sld-separator-line-left{
    display: none; 
}

.sld-separator-heading{
    display: block;
}

.sld-separator-heading h1{
    line-height: 1.2;
}

.sld-separator-line-right{
    width: 50%; 
    display: block; 
    margin: 0 auto;
    padding-top: 20px;
}

/*Hero Area Styles*/

    .hero-headline-content h1 {
    	font-size: 60px;
    }
    
    .hero-headline-content .fl-col-content, .sld-portfolio-landing-pg .fl-col-content {
        padding: 60px 30px!important;
        text-align: center;
    }
    
    .hero-mobile-hide{
    	display: none!important;
    }


/*-------Header Nav Styles-------*/ 

	/*Top bar */
	
	.sld-top-bar, .sld-top-bar:hover {
	color: #ffffff;
	float: right;
	text-transform: uppercase;
	font-size: 12px;
    font-weight: 600;
    padding-top: 3px;
	}
	
	.sld-top-bar:hover {
		    border-bottom: 1px solid;
    padding-bottom: 2px;
	}
	
	.sld-top-bar-search .fl-widget{
		margin-bottom: 0;
	}
	
	.sld-top-bar-search input[type=text], .sld-top-bar-search input[type=search] {
		    border: 1px solid #ffffff;
    background-color: #000000;
    height: 25px;
	}
	
	.sld-top-bar-search input[type=text].fl-search-input, .sld-top-bar-search input[type=search].fl-search-input{
		text-align: center;
		color: rgba(255, 255, 255, 0.6);
	}
	.sld-top-bar-icons .adv-icon-link{
		margin-bottom: 0!important;
	}
	
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-header-logo {
		 text-align: center;
	}

 /*Nav sub menu */ 

	.fl-page-nav ul.sub-menu li a:hover, .fl-page-nav ul.sub-menu li a:focus {
	    color: rgba(10, 10, 10, 0.46);
	}
	
	.fl-page-nav ul.sub-menu {
		text-align: center!important;
	}
	.fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu {
		left: -112px;
	}
    /*To add icon for chevron dropdown and current item */ 
    
    .menu-item-has-children a::after{
            content:" ▾";   
    }
    .sub-menu .current-menu-item a::after{ 
        content:" ◆ ";
    }
    .sub-menu li a::after{
        content:" ";    
    }
    
     .sub-menu li a{
     	padding: 5px 15px!important;
     }
    
/*Kind Words*/

    .fl-builder-content .kindwords .fl-slide .fl-slide-content{
    padding: 60px 60px 90px 60px;

    }
    
     
    
    .kindwords {
        text-align: center;
    }
    
    .kindwords .fl-slide-text{
        padding-top: 20px
    }
    
    .fl-builder-content .kindwords .fl-slide .fl-slide-text, .fl-builder-content  .kindwords .fl-slide .fl-slide-text *{
        font-size: 16px!important;
        line-height: 1.9!important;
    }

    .fl-builder-content .kindwords .fl-slide .fl-slide-text h3{
        font-size: 24px!important;
        line-height: 1.4!important;
    }

    .fl-builder-content .kindwords .fl-slide .fl-slide-text p.cite{
    font-size: 12px!important
    }
    
    .kindwords h3{
        margin-bottom: 5px!important;
    }
    
    .kindwords .fl-slide-0 .fl-slide-bg-photo{
        background-size: 783px;
        background-position: top left;
        background-color: #fcd6e4;
    }

    .kindwords .fl-slide-1 .fl-slide-bg-photo{
    background-size: 783px;
    background-position: bottom right;
    background-color: #d3fdf9;
    }
    
    .kindwords .fl-slide-2 .fl-slide-bg-photo{
    background-size: 783px;
    background-position: top right;
    background-color: #f9ffdb;
    }   
    
    .kindwords .fl-slide-3 .fl-slide-bg-photo{
    background-size: 783px;
    background-position: bottom left;
    background-color: #feeec5;
    }   
       
    
    
    .fl-content-slider-navigation path {
    fill: #000;
    }

    .kindwords .bx-wrapper .bx-pager.bx-default-pager a{
        width: 60px;
        height: 8px;
        margin: 0 8px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    
    .kindwords .bx-wrapper .bx-pager{
        bottom:50px;
    }
    .kindwords .bx-wrapper{
        margin-bottom: 0;
    }
    
    .kindwords .fl-content-slider-navigation{
        left: 15px;
    right: 15px;
    
    }
    

/*Full Width Colored 2 colum row*/

.column-992-fix-pad-left-0.fl-col > .fl-col-content{
    margin-left: 0px;
}

 
/*SLD Offset layered content box*/

   /* .layered-box .fl-col-group, .layered-box-sidebar-text-column{
        padding-right: 25px;
    }  
   */
   
    .layered-box .first-three-col{
        margin-bottom: 60px;
    }
   
    .layered-box h2{
         font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
        font-size: 40px;
     }  

     .layered-box-sidebar-text{
padding: 40px 20px;
     }

     .layered-box .fl-col-content, .layered-content-box-cta .layered-box .fl-module-content{
          padding: 40px 20px 60px 20px;
     }
  
 .layered-box .fl-col-content, .layered-content-box-cta .layered-box .fl-module-content, .layered-box-sidebar-text{
    border: 2px solid #000000!important;
    margin: 0;
    position: relative;
    top: 25px;
    left: 25px;
 }
 
 .layered-box-three-col .fl-rich-text{
    padding-right: 40px
 }
 
 .layered-box ul{
    padding-top:20px;
 }
 
 
 .layered-content-box-cta{
    padding-right: 25px
 }
  
  /*Lead Capture - mailchimp-5-books-lead*/
  
.mailchimp-5-books-lead .uabb-creative-button-wrap a, 
.mailchimp-5-books-lead .uabb-creative-button-wrap a:visited{
    background: #000000;
    border: 1px solid #000000;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 28px
}

/*SLD dropdown list*/

.sld-dropdown-list .uabb-slide-box-section {
    background-color: #000000;
    height: 10px;
}


.sld-dropdown-list .uabb-icon i {
	margin-bottom: 10px
}

.sld-dropdown-list ul{
	padding-left: 0;
}
.sld-dropdown-list li{
	list-style: none;
	list-style: none;
    border-bottom: 1px solid  rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
}

.sld-dropdown-list h3 {
	    text-align: center;
    padding-bottom: 20px;
    
    border-bottom: 1px solid  rgba(0, 0, 0, 0.1);
}

/*Get Started Page*/
.fl-node-58b74d03e9f24 > .fl-col-content{
	background-size: 247px; 
	background-color: #fee3ed;
}

.fl-node-58b74d03e9f47 > .fl-col-content{
	background-size: 314px;
	background-color: #ffcbb7;
}

.fl-node-58b756b03826b > .fl-col-content{
	background-size: 384px;
	background-color: #f9ffdb;
}

.fl-node-58b756b0382ac > .fl-col-content{
	background-size: 249px;
	background-color: #d4fefa;
}

.fl-node-58b75710b4754 > .fl-col-content{
		background-size: 314px;
	background-color: #ffcbb7;
}
.fl-node-58b75710b4796 > .fl-col-content{
		background-size: 247px; 
	background-color: #fee3ed;
}

/*Process Page*/
			
	.process-border-top{
		border-top: 1px solid  rgba(0, 0, 0, 0.1);
	}
	
	.fl-node-58b7610a7ad09 > .fl-col-content{
			background-size: 304px; 
		background-color: #e8ff70;
	
	}
	
	.fl-node-58b7684d1de36 > .fl-col-content{
		background-size: 220px; 
		background-color: #feeec5;
	
	}
	
	
	.process-dropdown .fl-module-content{
	background-color: #ffffff;
	    margin-top: 000000px
	}
	
	.process-dropdown .uabb-slide-box-section{
    	height: 24px;
	}
	
	.process-dropdown .uabb-slide-box-wrap {
		    margin-bottom: 0;

	}
	
	.process-dropdown-box1{
	background-size: 236px;
    background-color: #fcd6e4;
    background-image: url(/wp-content/uploads/process-box-3-slice.png);
    background-repeat: no-repeat;
    background-position: left top;

	}
	
	.process-dropdown-box2{
		background-size: 266px;
    background-color: #ffcbb7;
    background-image: url(/wp-content/uploads/process-box-4-slice.png);
    background-repeat: no-repeat;
    background-position: right top;
	}
	
	.fl-node-58b7a4ab7bc85 > .fl-col-content{
			background-size: 304px; 
		background-color: #f9ffdb;
	}
	
	.fl-node-58b7a50691a05 > .fl-col-content{
			background-size: 220px; 
		background-color: #ffd670;
	}

/*Portfolio*/
.sld-portfolio .uabb-cat-links a{
	text-transform: uppercase;
}


.sld-portfolio .uabb-masonary-current{
border-bottom: 2px solid #000000!important;

}

.sld-portfolio li{
	  font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
	  font-size: 20px;
	  padding-right: 0!important;
}

.sld-portfolio li:after{
	content: "//";
	position: relative;
    right: -15px;
}

.portfolio-menu-side-borders{
	position: relative;	
	top: 75px
}

.single-post-nav{
	width:100%;
	    position: absolute;
    z-index: 100;
    top: 170px
}

.single-post-nav a{
color: #ffffff;
background-color: #000000;
padding: 10px ;
font-size: 16px;
}


.single-post-nav a:hover{
	text-decoration: none;
	background-color: rgba(0, 0, 0, .5);
	
}

.single-post-nav .prev-portfolio-item{
float: left;
}

.single-post-nav .next-portfolio-item{
float: right;
}

.prev-portfolio-item-hover{
	position: absolute;
	left: 0;

}

.next-portfolio-item-hover{
		position: absolute;
	right: 0;
}
.prev-portfolio-item-hover, .next-portfolio-item-hover{
	background-color: transparent!important;
	color: transparent!important;
}


.prev-portfolio-item-hover:hover, .next-portfolio-item-hover:hover{
	background-color: #000000!important;
	color: #ffffff!important;

    transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
}


.prev-portfolio-item-label{
	font-size: 14px;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;	
	top: -2px;
}

/*Footer*/
    
.copyright{
     font-size: 12px;
     background-color: #ffffff;
     padding-top: 10px;
     padding-bottom:100px;
}
.copyright a{
	color:#000000;
}

.footer-blk-bar{
    height: 30px;
    background-color: #000000;
}

    
    /*About page*/  
    .about-sarah-img img{
     display: none; 
    }
    
    .sld-instagram-link a{
    	color: #000000;
    }
     .sld-instagram-link:hover{
    	background-color: #55faec;
    	transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    }
    
    
    .hero-headline-content .fl-col-content{
    padding: 100px 60px!important;
    margin: 0px!important;
    text-align: left;
    }
    
   .hero-headline-content .fl-col-content, .sld-portfolio-landing-pg .fl-col-content{
    	border: 2px solid #000000!important;
    	margin: 20px!important;
    }
    
       .hero-headline-content .fl-col-content, .inner-page-hero-bg .fl-col-content{
        min-height: 500px;
       }
   
    .mobile-hero-content-area{
    	background-color: #55fbed;
    }
    
    /*-------Pricing Table-------*/ 
    
	.fl-pricing-table .fl-pricing-table-column h2{
		    padding: 40px;
	}
	.fl-pricing-table-price{
		font-family: "Playfair Display", sans-serif;
		font-size: 30px!important;
	}
    
    .fl-pricing-table-duration{
    	font-size:16px!important;
    }
    
    .fl-pricing-table .fl-pricing-table-features li{
    	text-align: center;
    		font-size: 16px;
    }
    
    .fl-pricing-table .fl-pricing-table-features{
    	padding: 0px 20px;
    }
    
    .fl-pricing-table-features li:first-of-type{
        font-weight: 600;
    	font-size: 18px;
    }
    
    .fl-pricing-table.fl-pricing-table-border-small .fl-pricing-table-inner-wrap{
    	padding-bottom: 20px;
    	border-bottom: 20px solid #000000!important; 
    }
    
    
	/*SLD Portfolio Landing Pg Styles*/
		.sld-portfolio-about-modal-overlay h2{
			 font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif!important; 
		}

	.sld-portfolio-subhead-playfair{
			font-family: "Playfair Display", sans-serif!important;
				font-size: 20px!important;
					font-style: italic!important;
					padding-bottom: 10px!important;
					line-height: 26px!important;
			font-style: italic!important;
	}
	
	.sld-portfolio-subhead-playfair h2 .fl-heading-text{
		font-style: italic!important;
	}
	
	.my-work-landing-pg .fl-col-small{
		max-width: 100%
	}
	
	
	
/*-------Modal Image Hover-------*/ 
	.uabb-modal-photo:hover{
	    opacity: .5;
	        transition: all 200ms linear;
	      -webkit-transition: all 200ms linear;
}    


/*-------Responsive Pinterest Widget-------*/  

.super-responsive-wrapper {
  width: 100%;
  margin: auto;
}

.board-wrapper {
  margin: auto;
  text-align: center;
}

.board-wrapper span {
  overflow: hidden;
  max-width: 100%!important;
}

/*-------Gutenberg Block Modules-------*/  

/*to remove the 30px top & bottom padding on images*/ 
.wp-block-video, .wp-block-image{
    padding:0px!important;
}

/*popup modal to add 30px padding*/ 
.htr-modal-content-wrap{
    padding:30px;
}

/*gallery lightbox background style*/ 
.coblocks-lightbox__background{
    filter: blur(25px) saturate(175%) brightness(30%);
}

/*Masonry gallery style*/ 
figure.wp-block-coblocks-gallery-masonry.masonry-grid figure.wp-block-image{
    padding: 0;
}


/*-------WooCommerce Shop Pages-------*/  

/*Set Woo Commerce Button Styles to match brand styles */

.uabb-woo-add-to-cart .button {
border: 5px solid #000000!important;
    border-radius: 0px!important;
text-transform: uppercase!important;
    font-weight: 600!important;
    font-size: 15px!important;
}

.uabb-woo-add-to-cart .button:hover {    
    background: transparent!important;
   	color: #000000!important;
    border: 5px solid #000000!important;

}



/*-------Blog Pages-------*/  

/* 2022_07 Removing the box shadow from buttons added via the gutenberg visual builder */
.wp-block-button a {
    box-shadow: none!important;
    color: #ffffff!important;
    text-transform: uppercase;
    font-weight: 600;
     border: 5px solid #000000;
}

.wp-block-button a:hover {
    background-color: transparent!important;
    color: #000000!important;
   
}

/*-----12/31/21 Blog Lead Capture Forms that are added using Beaver Builder Shortcode.------*/

/* updated 08/22 */
.blog_lead_capture_form .fl-builder-module-template{
    padding:0px;
}


.blog_lead_capture_form h3{
    padding: 0px!important;
}

.blog_lead_capture_form .uabb-creative-button-wrap p, br{
    display: none;
}

.blog_lead_capture_form  a.uabb-button{
    box-shadow: none;
}

.blog_lead_capture_form  a.uabb-button span:hover{
    color: #000000!important;
}

.blog-cta-signup-form-img {
    padding-bottom: 0px!important;
}

.blog-cta-signup-form-container .wp-container-3{
    gap: 0px;
}

/* 12/23/21 to set Video Iframe Embed to Full Width in Blog posts/pages built with Gutenberg builder */

.video-holder {
    display: inline-block;
    position: relative;
    padding-bottom: 60%;
    width: 100%;
    }
    
.video-holder iframe {
    height: 100% !important;
    position: absolute;
    top: 0; left: 0;
    width: 100% !important;
    }
    
/* 12/34/21 WP Gutenberg Default Marketing Button Description text */
    .uagb-marketing-btn__prefix{
        font-size: 16px!important;
        
    }
/*This style is here to remove 200px space at bottom of content due to the About image relative position adjustment of -200px. If that image module is ever removed this will also need to be removed.*/  
	.blog-content-row-rel-pos-adjustment{
   	margin-bottom: -200px;
   }
   
  
/*-------To center Intagram post embed when added via block editor-------*/     
   .wp-block-embed-instagram iframe {
    margin:0 auto!important;
}

/*-------Single Post Pages: To center Intagram media iFrame embed when added via HTML block editor-------*/     

.single-post iframe {
      margin:0 auto!important;
}
/*-------To remove link style from Blog/Post/Block Editor table of contents-------*/

/*.wp-block-uagb-table-of-contents .uagb-toc__wrap{
        background: #d3fdf9!important;
        border-color: #e0e0e0!important;}*/


.wp-block-uagb-table-of-contents .uagb-toc__wrap {
    width:100%;
}

.wp-block-uagb-table-of-contents a{
   box-shadow: none!important;
   text-decoration: underline;

}

/*-------To add 30px top/bottom paddding from video and images in Blog/Post/Block Editor-------*/

.wp-block-video, .wp-block-image {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*-------To add 20px bottom padding to blog single post page h3-------*/ 

   .single-post h3{
       padding-bottom: 20px;
       padding-top: 10px;
   }
/*-------Blog Single Post Title Area -------*/    
   
.sld-single-post-intro-area .fl-row-content-wrap{
    background: linear-gradient(#d3fdf9 70%, transparent 70%) no-repeat;
}
   
/*-------Blog Single Post Entry Paragraph   

.sld-single-post-layout-theme-row-wrap p:first-child {
    font-size: 20px;
    line-height:1.7;
}

 -------*/   
   
   /*-------Blog Hero Featured Post-------*/    
   
   .blog-hero-featured-post .uabb-blog-posts-shadow{
   	height: 500px!important;
   }
   
   .blog-hero-featured-post .uabb-blog-post-content{
   		width: 80%;
	    background-color: #d3fdf9;
	    margin: 0;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    left: 50%;
	    position: absolute;
	        outline: 1px solid;
    outline-offset: -20px;
   }
   .blog-hero-featured-post .uabb-post-wrapper .uabb-post-heading a{
   	font-size: 30px;
   
   }
   .blog-hero-featured-post h5{
   	font-family: "Playfair Display", sans-serif;
   	font-size: 20px;
   	font-style: italic;
   }
   
  .blog-hero-featured-post .uabb-read-more-text a{
   	text-transform: uppercase;
   	font-size: 14px;
   	font-weight: 600;
   }

	.blog-hero-featured-post .uabb-read-more-text a:hover, .blog-hero-featured-post .uabb-post-heading a:hover,.blog-hero-featured-post .uabb-cat-links:hover, .uabb-post-heading:hover{
		text-decoration: underline;
		
	}
	
	 .blog-hero-featured-post .slick-next {
	 	    right: 0!important;
	 }
	 
	 .blog-hero-featured-post .slick-prev {
	 	    left: 0!important;
	 }
	 
/*-------Blog listing-------*/  

	 .sld-blog-listing li{
	 	font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
    font-size: 20px;
	 }
	 .sld-blog-listing .uabb-masonary-current {
    border-bottom: 2px solid #000000!important;
	}
	.sld-blog-listing li.cat-item::after {
    content: "\//";
    position: relative;
    right: -15px;
	}
	
	.sld-blog-listing .uabb-blog-post-content .uabb-read-more-text a, .featured-post .uabb-read-more-text a {
		 border: 5px solid #000000;
        font-weight: 600;
        padding: 12px 24px;
        font-size: 15px;
            line-height: 17px;
            background: #000000;
            text-transform: uppercase;
            color:#ffffff!important;
	}
	.sld-blog-listing .uabb-blog-post-content .uabb-read-more-text a:hover, .featured-post .uabb-read-more-text a:hover {
	 background: transparent;
      	border: 5px solid #000000;
      	color:#000000!important;
      		transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    }
    
    .featured-post .uabb-blog-post-content .uabb-read-more-text span{
      display: none;
    }
    
    .featured-post .uabb-thumbnail-position-left .uabb-post-thumbnail img{
        width: 600px;
        height: 350px;
        object-fit: cover;
    }
	 
	
    
	.sld-blog-listing .uabb-blog-post-content .uabb-read-more-text .uabb-next-right-arrow {
	 	display: none;
	 }
	 
	 .sld-blog-listing .uabb-blog-posts-shadow{
	 	border-top:1px;
	 	border-bottom: 1px;
	 	border-right: 1px;
	 	border-left: 1px;
	 	border-color: #000000;
	 	border-style: solid;
	 }
	 
	 
/*-------Blog Categories Custom Menu-------*/
	 
	 .sld-blog-categories-menu h2, .sld-blog-categories-archive-menu h2{
	 	display: none;
	 }
	 
	 .sld-blog-categories-menu ul, .sld-blog-categories-archive-menu ul{
	  	text-align: center;
	  	margin: 0;
	  }
	  
	 .sld-blog-categories-menu ul li, .sld-blog-categories-archive-menu ul li{
	 	display: inline-block;
	 	margin-right: 5px;    
	 	padding-left: 20px;
	 	line-height: 10px;
	 }
	 
	 .sld-blog-categories-menu ul li a{
	 	color: #000000;
    	border: 0px solid #000000;
    	font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
    	font-size: 20px;
	}
	
	.sld-blog-categories-archive-menu ul li a{
		font-family: "Playfair Display", sans-serif;
    	font-size: 20px;
    	color: #000000;
    	font-style: italic;
	}
	
	.sld-blog-categories-menu ul li:after{
	content: "\|";
    position: relative;
    right: -15px;
    	font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
    	font-size: 20px;
	}
	
	.sld-blog-categories-archive-menu ul li:after{
	content: "\•";
    position: relative;
    right: -15px;
    
	}
	
	.sld-blog-categories-menu ul li:last-child:after, .sld-blog-categories-archive-menu ul li:last-child:after, .sld-portfolio li:last-child:after{
			content: "\ ";
	}
    
    .sld-blog-categories-menu ul li a:hover, .sld-blog-categories-archive-menu ul li a:hover{
    	padding-bottom: 10px;
		border-bottom: 2px solid #000000;
    	transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -webkit-transition: all 0.2s linear;
	    -o-transition: all 0.2s linear;
    }
    
    .sld-blog-categories-menu-side-borders{
    	position: relative;
    	top:70px;
    }
	
	.sld-blog-categories-menu .fl-widget{
		margin: 0;
	}


	
/*-------Blog Sidebar Content-------*/	 
	 
	 /*-------Blog Sidebar Content-------*/	 
	 .about-sidebar-content-box{
	 	border: 1px solid #000000;
	    padding-top: 100px;
	    position: relative;
	    top: -200px;
	 }
	 
	 .about-sidebar-img-div{
	 	position: relative;
		z-index: 1;
	 }
	 
	 .about-sidebar-content-box-btn{
	 	position: relative;
	 	top: -225px
	 }
	 
	 .about-sidebar-content-position{
	 	position: relative;
	 	top:-200px;
	 }
	 
	 .sidebar-content-search input[type=search]{
	 	background-color: #d3fdf9;
    	height: 60px;
    	text-align: center
	 }
	 
	 .sidebar-categories .widget_categories{
	 	text-align: center;
	 }
	 
	 .sidebar-categories .fl-widget{
	 	margin: 40px
	 }
	  .sidebar-categories .fl-module-content{
	  	border:1px solid #000000;
	  }
	 
	  .sidebar-categories .widget_categories a:hover{
	 	text-decoration: underline;
	 }
	 
	 .blog-sidebar-lead-magnet h4{
	 	font-style: italic;
	 }

/*-------Single Blog Post-------*/
	 
	 .nav-links a{
	 	color: #000000;
	 	font-size: 20px;
	 	font-family: "Bebas Neue", "Open Sans Condensed", Arial, sans-serif;
	 	font-size: 20px;
	 }
	  
	.nav-links a:hover{
	  text-decoration: underline!important;
	 }
	 
	 
	 .sld-single-blog-post a, .custom-single-blog-post-styles .fl-rich-text a{
	 	color: #000;
	 	box-shadow: inset 0 -7px 0 0 rgba(85, 250, 236, 0.7);
	 }
	 
	 .sld-single-blog-post h2{
	 	font-size: 32px;
	 }
	 
	 .sld-single-blog-post h3{
	 	font-size: 26px;
	 }
	 
	.sld-single-blog-post a:hover, .custom-single-blog-post-styles .fl-rich-text a:hover {
		background-color: rgba(85, 250, 236, 0.7);
	}
	
	.blog-share-to-p{
		color: #909090;
		font-size: 14px;
		font-weight: 600;
	}
	
	
	.fl-node-59a871a3ed9e7 .uabb-post-wrapper .uabb-blog-post-content{
		padding: 60px
	}
/*-------Single Blog Post Content Styles-------*/
	
	 .fl-module-fl-post-content p, .fl-module-fl-post-content h4{
	 	margin-bottom: 20px;
	 }
	 
	 .blog-post-intro-text{
	/*	font-family: Playfair Display;*/
	   /* font-style: italic; */
	    font-size: 22px;
	    line-height: 1.6;
	    font-weight: 700;
	 }
	 
	 
	 .blog-post-outro-text, .blog-post-intro-text-bold-san-serif{
		font-weight: 600;
    	font-size: 18px;
	  }
	  
	 .post-content-separator{
	 	    border-top: 1px solid #e6e9e9;
	 	    margin: 40px 0;
	 }
	
	
/*-------SB Intagram Widget Module in the Blog Footer to remove link style 06/22-------*/

#sb_instagram .sbi_photo{
    box-shadow: none;
}	 
	 
/*-------Custom Single Blog Post Content Styles-------*/

	.single-post .container{
	padding-left: 0;
    padding-right: 0;
		
	}
	 .custom-single-blog-post-body-content p{
	 	margin-bottom: 20px;
	 }
	 
	 .custom-single-blog-post-styles h2{
		 font-size: 32px;
	 }
	 
	 .custom-single-blog-post-styles .blog-share-to-p {
	 margin-bottom:0;	
	 }
	 
	 .single-post .fl-content, .single-post .row{
	 	margin: 0;
	 	padding: 0;
	 }
	 
	
	.fl-post-header{
		display: none;
	}
	
/*-------Ideal Client Blog Post-------*/
	
.custom-single-blog-post-styles	.ideal-client-module-styles p{
		margin-bottom: 0px;
	}
	
.custom-single-blog-post-styles	.ideal-client-module-styles a{
		box-shadow: none;
	}	
	
/*-------Archive Page-------*/

	.light-cabana-blue-simple-bg-header .fl-row-content-wrap{
		outline: 1px solid #000000;
		outline-offset: -20px;
	}
	.archive-post-styles .fl-post-feed-post{
		padding-bottom: 50px;
		border-bottom: 1px solid #000000;
	}
	
	.archive-post-styles .fl-post-grid-empty p {
		    text-align: center;
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
	}
	
	.archive-post-styles input[type=search]{
		    height: 60px;
		   width: 400px;
		    margin: 0 auto 100px;
		    text-align: center;
	}
	
	.archive-post-styles .fl-post-grid-post{
		border:1px solid #000000;
	}
	
	.archive-post-styles h2.fl-post-grid-title a{
	    line-height: 1;
	}
	
	.archive-post-main-search input[type=search]{
		background-color: #ffffff;
	}


 /*------------------------------------------------------------------------------------------
2020 Mobile MEDIA QUERIE- up to 768px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (max-width: 768px){
    
    /*-------Blog Single Post Title Area -------*/    
   
.sld-single-post-intro-area .fl-row-content-wrap{
    background: linear-gradient(#d3fdf9 85%, transparent 85%) no-repeat;
}

#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        width: 50%;
}

.mojito-limon-text-decoration .uabb-heading-text{


    }
.tropical-pink-light-text-decoration .uabb-heading-text{
 
}
    

}


 /*------------------------------------------------------------------------------------------
2020 MEDIA QUERIE-TABLET-if device is greater than or equal to 768px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (min-width: 768px){

.mojito-limon-text-decoration .uabb-heading-text{
  

}

.tropical-pink-light-text-decoration .uabb-heading-text{
  
}

.hero-title-header{
    position: static!important;
    right: 0;
    margin-top: 90px;
}

.tilt-text-left {            
    	transform: none;
    	-webkit-transform: none;
    	-moz-transform:none;
    	margin-top: 20px;
    	 
}


.sld-hero-fancy-text-hp {
    position: static;
}

.vLine{
 
    height: 600px;
    margin-left: 35%;
    position: static;
}


}


/*------------------------------------------------------------------------------------------
2020 Desktop MEDIA QUERIE-DESKTOP-if device is greater than or equal to 992px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (min-width: 992px) {
 
 
.vLine{
 
    height: 675px;
    margin-left: 35%;
    position: static;
}
    
}



 /*------------------------------------------------------------------------------------------
MEDIA QUERIE- to fix blog issues on ipad between 768px to 769px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (max-width: 769px){

/*-------Single Blog Post Layout Theme to fix 40px top margin on Ipad-------*/	
	
	.sld-single-post-layout-theme-row-wrap .fl-row-content-wrap{
		margin-top: 0px!important;
	}
			.single-post .container{
	padding-left: 0px!important;
    padding-right: 0px!important;
		
	}
	
	.about-sidebar-content-box{
		    top: -200px!important;
		    padding-top: 100px!important;
	}
}	
	
	 
 /*------------------------------------------------------------------------------------------
 FIRST MEDIA QUERIE- TABLET- if device is greater than or equal to 768px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (min-width: 768px){
	



/*-------Blog Sidebar Content-------*/	 
	 .about-sidebar-content-box{
	 	border: 1px solid #000000;
	    padding-top: 0px;
	    position: relative;
	    top: -110px;
	 }
	
	 .single-post .fl-page-header-container {
	padding-right: 0!important;
	padding-left: 0!important;
	
}
.blog-hero-featured-post .uabb-post-wrapper .uabb-post-heading a{
   	font-size: 42px;
   }
   
	 	.single-post .container{
	padding-left: 40px;
    padding-right: 40px;
		
	}
	
	
/*Resource Page*/	 
	 .cm-freegoods-widget{
    margin: 0 auto;
}

	
	
	/*SLD Portfolio Landing Pg Nav*/
		.sld-portfolio-menu1 #menu-item-1236, .sld-portfolio-menu1 #menu-item-1237, .sld-portfolio-menu1 #menu-item-1238, .sld-portfolio-menu1 #menu-item-1239 {
			padding-top: 100px;
		}
		
		
		.sld-portfolio-menu-hide{
			display:inline-block;
		}
		
	.mobile-hero-content-area{
    	background-color: #ffffff;
    }
	
    
	.kindwords .bx-wrapper .bx-pager {
    bottom: 60px;
}

  .fl-builder-content .kindwords .fl-slide .fl-slide-content{
    padding: 100px 60px 90px 60px;

    }
	
.single-post-nav{
    top: 160px;
}
  .single-post-nav a{  
padding: 10px 20px;
font-size: 20px;
}    



/*-------Details-------*/ 
    .hero-headline-content .sld-thick-separator .fl-separator{
        margin: 0 auto;
    }

    
    
        .hero-headline-content  .fl-module-button .fl-button-left{
        text-align: left;
    }

    .sld-blockquote{
        font-size: 33px;
    }
    

    
    
    .sld-blockquote-main .sld-separator-line-right{
        display: table-cell
    }
    
    .secondary-inner-page-heading .sld-separator-line-right{
	display: table-cell;
}
    
    
    
/*-------Nav-------*/ 
    .menu-item-has-children a{
        border-bottom:none!important;
        padding-bottom:15px!important;
    }
    
    .fl-page-nav ul.sub-menu{
        border-top:none;
    }
    
    .fl-page-nav-wrap .navbar-nav > li > a:hover, .fl-page-nav-wrap .navbar-nav > li > a:focus, .fl-page-nav-wrap .navbar-nav .current-menu-item a{
     
        border-bottom: 1px solid;
        padding-bottom:5px;
    }

    .fl-page-nav .navbar-nav > li > a{
        padding: 15px 3px 15px 3px;
        margin-left:7px;
        margin-right:7px;
    }
    
    .fl-page-nav ul.sub-menu{
        width:300px;
    }
    
/*-------Hero Area-------*/ 

    
    .hero-headline-content, .sld-portfolio-landing-pg{
		background-color: #55fbed;
    }
    
    

/*Fancy Heading Separator Medium screens and up*/

    .sld-separator-line-left, .sld-separator-line-right{
        width: 60px; 
        display: table-cell; 
        vertical-align: middle;
    }
    
    .sld-separator-line-left{
        padding-right: 10px;
        
    }
    
    .sld-separator-line-right{
         padding-left: 10px;
         padding-top: 0px;
    }
    
    
    .sld-separator-heading{
        display: table-cell;
    }

    
 
    
/*About page*/  
    .about-sarah-img img{
       width: 50%;
    padding-right: 50px;
    margin-right: 0;    
    display: inline-block;
    }
    

.fl-node-58b7610a7ad09 > .fl-col-content, .fl-node-58b7684d1de36 > .fl-col-content, .fl-node-58b7a4ab7bc85 > .fl-col-content, .fl-node-58b7a50691a05 > .fl-col-content{
	border-bottom: 20px solid #000000 
}

.layered-box-sidebar-text-column.fl-col > .fl-col-content{

}

.fl-node-598e114d36873.fl-col > .fl-col-content{
margin-top: 40px;
    margin-right: 0px;
    margin-left: 0px;
}

}



 

   
 /*------------------------------------------------------------------------------------------
 2ND MEDIA QUERIE - DESKTOP - if device is greater than or equal to 992px-----------------------------------------------------------------------------------------
 --------------*/

@media (min-width: 992px) {

	.mojito-limon-text-decoration .uabb-heading-text{
  
}

	/*-------Blog Sidebar Content-------*/	 
	 .about-sidebar-content-box{
	 	border: 1px solid #000000;
	    padding-top: 100px;
	    position: relative;
	    top: -200px;
	 }
	 
	 
	 .fl-node-59a871a3ed9e7 .uabb-post-wrapper .uabb-blog-post-content{
		padding: 80px
	}
	 
	.hero-mobile-hide{
    	display: flex!important;
    }
  
  .fl-logo-centered-inline{
  	padding-top:0;
  }
  
  .fl-page-nav-centered-inline-logo .fl-page-header-container{
  	padding-bottom:50px;
  	padding-top:50px;
  	
  }
  
  .fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo{
  	padding: 0 25px;
  }

	.photo-overlap-pos-rel-top-100 {
	    position: relative;
	    top: 100px;
	}
    .fl-page-nav-right .fl-page-header-container{
        padding-bottom: 5px;
        padding-top: 5px;
    } 
    
    .fl-page-nav .navbar-nav > li > a{
        padding-bottom:5px;
    }
    
/*Kind Words*/  
    
    .max-width-75{
        max-width:75%;
        margin: 0 auto;
    }


  .layered-box .first-three-col{
        width: 29.33%!important;
        margin-right: 4%;
        margin-bottom:0;
        
    }
    

    .layered-box .last-three-col{
        width: 29.34%!important;
        margin-right:0!important;
    }
  
  
.column-992-fix-pad-left-0.fl-col > .fl-col-content{
    margin-left: 25px;
}

	 .single-post  .fl-page-header-logo{
	 	margin-top: 0px;
	 }
    
}

@media (min-width: 1100px) {
		.single-post .container{
	padding-left: 0px;
    padding-right: 0px;
		
		}
}


/*-------Retina Images-------*/ 



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

 /*Homepage*/
 
   .fl-node-598ae52a2a75b > .fl-col-content{
	background-image: url(/wp-content/uploads/hp-hello-sarah-luna@2x.jpg)
	}	
   
   .fl-node-598ae8fdeb4bf > .fl-col-content {
    background-image: url(/wp-content/uploads/Hero-HP-laptop@2x.jpg);
   }
	.fl-node-5982ef6dc5ed5 > .fl-col-content {
  		background-image: url(/wp-content/uploads/Hero-HP-laptop@2x.jpg)
	} 
	
	.fl-node-598aab33909ac > .fl-col-content{
		background-image: url(/wp-content/uploads/hp-my-services@2x.jpg);
	}
	
	/*Services*/
	
    .fl-node-598b653756ea9 > .fl-col-content{
    	background-image: url(/wp-content/uploads/Services-Hero@2x.png)
		
    }
    
    /*My Work*/
    
    .fl-node-598d66cccdda1 > .fl-col-content {
    background-image: url(/wp-content/uploads/my-work-hero-img@2x.png);
    }
    
    /*Getting Started*/
   
   .fl-node-598df67c5cfcb > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/get-started-hero@2x.jpg);
   }
   
    /*My Process
   .fl-node-598e0d1997a8c > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/my-process-hero@2x.jpg);
   }*/
   
   /*FAQs*/
   
   .fl-node-598e0fe16632c > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/faq-hero@2x.jpg);
   }
   
   /*Website Care Plans*/
   
   .fl-node-598e1972e1105 > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/website-careplan-hero@2x.jpg);
   }
    
    .fl-node-589f93aea46d0 > .fl-col-content{
        background-image: url(/wp-content/uploads/5-website-fixes@2x.jpg);
    }
    
    .fl-node-58afe2b2beaed > .fl-col-content{
            background-image: url(/wp-content/uploads/sarah-luna-with-laptop@2x.jpg);
    }
    
    .fl-node-58b0b02e59cb5 > .fl-col-content{
        background-image: url(/wp-content/uploads/web-design-services@2x.jpg);
    }
    
    .fl-node-58b0b481ecc4f > .fl-col-content{
        background-image: url(/wp-content/uploads/wordpress-development@2x.jpg);
    }
    
    .fl-node-58b0b548a012f > .fl-col-content {
    background-image: url(/wp-content/uploads/brand-identity-design@2x.jpg);
    }
    
    .fl-node-58b1006a9e7b1 > .fl-col-content {
    background-image: url(/wp-content/uploads/graphic-design@2x.jpg);
    }
    
    .fl-node-58b63249cf1de > .fl-row-content-wrap{
        background-image: url(/wp-content/uploads/SLD-About-Hero@2x.jpg);
    }
    
    .fl-node-58b4d8099f815 > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/SLD-Contact-Hero@2x.jpg);
    }
    .fl-node-58be6de1da024 > .fl-row-content-wrap{
    	background-image: url(/wp-content/uploads/SLD-Portfolio-Hero@2x.jpg);
    }
    
    .fl-node-58cb220825123 > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/LunaPaperie-Header-17@2x.jpg);
    }
    
    .fl-node-58cced60a05da > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/Mobile-App-Header-17@2x.jpg);
    
	}
	
	.fl-node-58ccfc5679c16 > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/Smush-Header-17@2x.jpg);
	}
	
	.fl-node-58ca28c8ed52b > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/ExaltHer-Header-17@2x.jpg);
	}
	
	.fl-node-58c7b0251a303 > .fl-row-content-wrap {
    background-image: url(/wp-content/uploads/Esthetique-Header-17@2x.jpg);
	}
	
	 /*Pretty In Pink Landing Pg*/
	
	.fl-node-59fbe124b0ce0 > .fl-row-content-wrap{
		background-image: url(/wp-content/uploads/pink-palms-landing-pg-bg@2x.png);
	}
    
}

/*------------------------------------------------------------------------------------------
2020 Custom Mobile MEDIA QUERIE for pop up modals - up to 1050px-----------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------*/  

@media (max-width: 1050px){
    .mobile-pop-up-form-styles-overlay .uabb-content {
        width: 100%!important;
    }
}