/* 

 Theme Name:     FJ Concepts

 Author:         FJ Concepts

 Author URI:     https://fjconcepts.com

 Template:       Divi

 Version:        1.0

 Description:    A Divi Child Theme 

*/ 



/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 



/* ########################### */

/* ###### CHANGE COLORS ###### */

/* ########################### */

 

/* #### Dropdown menu #### */



.nav li li a { 

  border-bottom: 1px solid #005daa; /* Dropdown border bottom e5e5e5 */ 

  font-weight: 500 !important; /* Dropdown font weight */ 

  font-size: 14px !important; /* Dropdown font size */ 

}

  

.et-menu > .menu-item-has-children > .sub-menu:before {

  border-bottom: 12px #005daa solid; /* Dropdown arrow color 483d66 */

}  



/* #### Collapsing mobile menu #### */



ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,

.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {

	color: #ffffff; /* Collapsing mobile icon color */

	background: #005daa; /* Collapsing mobile icon background color 483d66 */

}



.et_mobile_menu .menu-item-has-children>a {

  font-weight: 500 !important;

}



/* Button with icon yellow */



body #page-container .et_pb_section .et_pb_button.custom-button-arrow-yellow:before {

    background-color: #d98624 !important; /* background color behind arrow */

	color: #000000  !important; /* Arrow color */

	border-radius: 8px 0 0 8px /* Border radius */;

	font-size: 22px !important;

}



/* Button with icon green */



body #page-container .et_pb_section .et_pb_button.custom-button-arrow-green:before {

    background-color: #7c974f !important; /* background color behind arrow */

	color: #000000  !important; /* Arrow color */

	border-radius: 8px 0 0 8px /* Border radius */;

	font-size: 22px !important;

}



/* Button with arrow yellow optin box */



body #page-container .et_pb_section .opt-in-button-icon-yellow .et_pb_promo_button.et_pb_button:before {

    background-color: #d98624 !important; /* background color behind arrow */

	color: #000000  !important; /* Arrow color */

	border-radius: 8px 0 0 8px /* Border radius */;

}



body #page-container .et_pb_section .et_pb_row .et_pb_cta_0.et_pb_promo .et_pb_promo_button.et_pb_button:before {

	font-size: 28px !important;	

}



/* ### Pricing toggle v18 - active bg and text color ### */



body #page-container .et_pb_section .pt-v18-active-price-toggle.et_pb_button {

	background-color: #483d66 !important; /* toggle color */

	color: #fff !important; /* toggle text color */

}



/* Service box image */



.service-box-image .et_overlay:before {

    content: "Read More";

	font-family: 'Open Sans' !important;

	font-size: 20px !important;

}



/* ###  Blog button ### */



.more-link {

	background-color: #014379; /* Button bg color */

	color: #fff; /* Button text color */

}

  

.pagination .alignleft a,

.pagination .alignright a {

  color: #5956e9; /* Pagination text color */

	background: #edf8ff; /* Pagination bg color */

  	border: 1px solid #5956e9; /* Pagination border color */

}



.pagination .alignleft a:hover,

.pagination .alignright a:hover {

  	color: #ffffff; /* Pagination text color - HOVER */

	background: #5956e9; /* Pagination bg color - HOVER */

} 



/* ### END COLORS ### */



/* ### General ### */



@media screen and (min-width: 1151px) and (max-width: 1450px){

.custom-row-width-981.et_pb_row,

.custom-row-special-width-981 .et_pb_row	{

	width: 90% !important;

	max-width: 90% !important;

}}



@media screen and (min-width: 981px) and (max-width: 1150px){

.custom-row-width-981.et_pb_row,

.custom-row-special-width-981 .et_pb_row	{

	width: 98% !important;

	max-width: 98% !important;

}}



#page-container {

	overflow-x: hidden;

}



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

.column-swapping-row {

	display: flex;

	flex-wrap: wrap;

}



.column-swapping-column-1 {

	order:2;

}



.column-swapping-column-2 {

	order:1;

}}



/* #### Menu #### */



@media screen and (min-width: 981px) {

.finesse-menu-column {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.top-bar-header-row {

	display: flex;

}}



.finesse-top-header-column-1 {

	display: flex;

	align-items: center;	

}



.finesse-top-header-column-1 .et_pb_icon {

	display: flex;

}



.finesse-top-header-column-2 {

	display: flex;

    justify-content: flex-end;

	align-items: center;

}



.top-header-phone.et_pb_blurb_position_left .et_pb_blurb_container {

    padding-left: 10px;

}



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

.finesse-top-header-column-1 .et_pb_icon {

	margin-left: 0px !important;

}}



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

.finesse-top-header-column-1,

.finesse-top-header-column-2	{

	justify-content: center !important;

}



.finesse-top-header-column-1 {

	border-bottom: 1px solid #d6d6d6;

	margin-bottom: 10px !important;

	padding-bottom: 10px !important;

}



.header-button-cta {

	width: 100%;

    text-align: center;

    margin-top: 15px;		

}}



@media screen and (min-width: 981px) and (max-width: 1150px){

.custom-menu ul li a {

	font-size: 14px !important;		

}

	

.header-button-cta {

	font-size: 14px !important;		

}}



/* #### Hero header #### */



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

.hero-header-buttons {

	display: flex;	

}



.hero-header-buttons .et_pb_button_module_wrapper a {

	min-width: 200px;

	text-align: center;

}}



/* Button with icon */



body #page-container .et_pb_section .et_pb_button.custom-button-arrow-yellow:before,

body #page-container .et_pb_section .et_pb_button.custom-button-arrow-green:before,

body #page-container .et_pb_section .opt-in-button-icon-yellow .et_pb_promo_button.et_pb_button:before {

    height: 100%;

    top: 0;

    width: 45px;

    align-items: center;

    display: flex !important;

    justify-content: center;

	margin-left: -65px !important;

}



/* ###  Blog ### */

  

.blog-grid-v9 p.post-meta {

	position: absolute;

    top: 20px;

	z-index:9;

}



/* ### Search module ### */  

.search-module-v1 {

   border-radius: 25px 25px 25px 25px !important; 

}  

  

/* ### Blog pagination ### */

.pagination {

  padding-top: 50px;

}    

  

.pagination .alignleft a,

.pagination .alignright a {

  font-weight:400;

	padding: .5em 1.1em;

	border-radius: 5px;

	text-transform: capitalize;

	transition: all 0.3s ease-in-out;

}



.blog-grid-v9 .et_pb_blog_grid .et_pb_image_container {

    margin-bottom: 10px;

}



.blog-grid-v9 .et_pb_post .entry-featured-image-url {

    margin-bottom: 0px;

}



/* ### Blog button ### */   

.more-link {

	display: flex;

	justify-content: center;

	margin: 0 auto;

	padding: 10px 15px;

  	border-radius: 6px;

  	width: 60%;

	text-align: center;

}

  

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

.more-link {

  width: 100%;

	text-align: center;

	margin-top: 25px;

}

  

.blog-grid-v9 .et_pb_image_container {

    margin-bottom: 0px !important;

}

  

.blog-grid-v9 .et_pb_post .entry-featured-image-url  {

   margin-bottom: 10px !important; 

}

  

.blog-grid-v9 .post-meta {

   margin-top: 10px; 

}}  

  

.blog-grid-v9 .post-content {

  padding-top: 15px;

    

}

  

.blog-grid-v9 .post-meta {

	width: fit-content;

	background-color: #e9e9e9;

	border-radius: 5px;

	padding: 3px 10px !important;

} 



.blog-grid-v9 .entry-featured-image-url img {  

	padding: 15px;

}



.blog-grid-v9 article {

	position: relative;

}



@media only screen and (min-width: 479px) {

.custom-optin-v9 .et_pb_newsletter_fields {

	display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

}



.custom-optin-v9 .et_pb_newsletter_button_wrap {

	display: flex;

}



.custom-optin-v9 .et_pb_newsletter_form p.et_pb_newsletter_field {

	padding-bottom: 0em !important;

}



.custom-optin-v9 .et_pb_newsletter_button_text {

	vertical-align: text-top;

}}



/* ### Single Post V1 ### */



.custom-post-layout img {

	border-radius: 15px;

  margin-top: 20px;

}



@media only screen and (min-width: 981px) and (max-width: 1350px) {

.post-optin.et_pb_newsletter h2.et_pb_module_header {

	font-size: 16px!important;

}



.post-optin .et_pb_newsletter_button_text {

	font-size: 16px!important;

}



.post-optin.et_pb_newsletter {

  padding: 15px !important;

}}



/* ### Projects ### */

.work-portfolio .et_pb_column:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.4);

    opacity: 0;

    transition: transform .25s cubic-bezier(.77,0,.175,1),opacity .25s cubic-bezier(.77,0,.175,1);

    z-index: 0;

}



.work-portfolio .et_pb_column:hover:before {

    opacity: 1;

}



/* ### Testimonials ### */

.review-customer-persona h4.et_pb_module_header {

	padding-bottom: 0px !important;

	margin-left: -2px;

}



.review-customer-persona .et_pb_blurb_description p {

	padding-bottom: 7px !important;

}



.review-customer-content .et_pb_main_blurb_image {

	position: absolute;

 	bottom: -107px;

    right: -75px;

}



/* ### Footer ### */



.footer-links p {

	padding-bottom: 10px!important;

}



.footer-links .et_pb_blurb_position_left .et_pb_blurb_container {

	padding-left: 0px !important;

}



/* ### Pricing font-sizes ### */

.pt-v18-custom-pricing-dollar-sign {

	font-size: 14px; /* font-size dollar sign */

	margin-right: 5px; 

	vertical-align: text-top;

}



.pt-v18-custom-pricing-per-month {

	font-size: 14px; /* font-size month/year text */

}  

  

/* ### Price toggle v18 ### */

.pt-v18-price-toggle-row {

	display: flex;

  justify-content: center;

}



.pt-v18-price-toggle-row .pt-v18-price-toggle-container {

	display:inline-flex;

	width: auto!important;

	overflow: visible;

}



body #page-container .et_pb_section .pt-v18-active-price-toggle.et_pb_button {

	box-shadow: 0 0px 18px 0 rgb(0 0 0 / 20%);

}



.pt-v18-month-item {

	display: none !important;

}



.pt-v18-year-item {

	display: none !important;

}



.pt-v18-switch-toggle-item {

	display: block !important;

}

  

@media screen and (min-width: 981px) and (max-width: 1600px){

#custom-row-95	{

	width: 95% !important;

}}



@media screen and (min-width: 981px) and (max-width: 1300px){  

.pt-v18-month-item .et_pb_column,

.pt-v18-year-item .et_pb_column  {

    padding: 50px 25px 25px 25px;  

}}  

  

@media screen and (min-width: 981px) {  

.pt-v18-month-item .et_pb_column,

.pt-v18-year-item .et_pb_column  {

    min-height: 600px;  

}

  

.pt-v18-last-column {

 		display: flex;

    flex-direction: column;   

}}



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

.pt-v18-last-column {

		margin-top:  30px;  

}}  

  

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

.pt-v18-month-item .et_pb_column_1_4,

.pt-v18-year-item .et_pb_column_1_4  {

	width: 100% !important;

}}   



/* #### Dropdown Menu #### */  

  

.nav li li:last-child a {

  border-bottom: 0px solid #e5e5e5; 

}  

  

.nav li ul.sub-menu {

	padding: 0px !important;

  border-radius: 5px;

  box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);

  -moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);

  -webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);

}

  

.nav li li {

  padding: 0 0px !important;

  width: 100%;

}

  

.et-menu li li a {

  padding: 10px 20px;

  width: 100% !important;

}

  

.et-menu > .menu-item-has-children > .sub-menu:before {

	content: '';

  display: block;

  position: absolute;

  left: 20px;

  top: -20px;

  width: 0;

  height: 0;

  border-top: 8px solid transparent;

  border-right: 12px solid transparent;

  border-left: 12px solid transparent;

  z-index: 1;

}

  

.nav li ul {

    right: 0!important;

}

  

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {

    padding-bottom: 20px;

}  



.nav li li ul {

    top: -4px !important;

}

  

/* #### Collaping Mobile Menu #### */



ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,

.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {

	top: 10px;

    position: relative;

    font-family: "ETModules";

    content: '\33';

    border-radius: 50%;

    padding: 3px;

	font-size: 19px;

}



ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,

ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,

.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,

.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {

	width: 44px;

	height: 100%;

	padding: 0px !important;

	max-height: 44px;

	border: none;

	position: absolute;

	right: 0px;

	top: 0px;

	z-index: 999;

	background-color: transparent;

}



ul.et_mobile_menu>li.menu-item-has-children,

ul.et_mobile_menu>li.page_item_has_children,

ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,

.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,

.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,

.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {

	position: relative;

}



.et_mobile_menu .menu-item-has-children>a,

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {

	background-color: transparent;

}



ul.et_mobile_menu .menu-item-has-children .sub-menu,

#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,

.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,

.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {

	display: none !important;

	visibility: hidden !important;

}



ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,

#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,

.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,

.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {

	display: block !important;

	visibility: visible !important;

}



ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,

.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {

	text-align: center;

	opacity: 1;

}