/** SWITCH STYLES **/

/** SET COLOURS ********* FIND AND REPLACE TO CHANGE COLOUR SCHEME **/
/** DARK     - #303030 **/
/** LIGHT    - #F1F1F1 **/
/** BLUE     - #247BA0 **/
/** YELLOW   - #FF8500 **/
/** RED      - #EF233C **/
/** GREEN    - #9BC53D **/

/**  REMOVE DIVIDING SIDEBAR LINE **/
.ds_remove_line #main-content .container:before { width: 0; }

/** REMOVE THE MENU BOTTOM BORDER **/
.ds_remove_menu_line #main-header, .ds_remove_menu_line #main-header.et-fixed-header { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; }

/** REPLACE THE TOGGLE ICON WITH A ROTATING ARROW **/
.ds_toggle_arrow .et_pb_toggle_open .et_pb_toggle_title:before { transform: rotate(180deg); content: "\33"; transition:all 0.5s ease-in-out 0s; }
 
.ds_toggle_arrow .et_pb_toggle_title:before { content: "\33"; font-size: 1.6em; transition:all 0.5s ease-in-out 0s; color:#179baf; }

/** MOBILE MENU ON DESKTOPS **/
@media only screen and (min-width: 980px) { .ds_mobile-desktop #et_mobile_nav_menu { display: block; } .ds_mobile-desktop #top-menu-nav { display: none; }}

.ds_mobile-desktop #main-header { position: absolute; }

.ds_mobile-desktop #main-header .et_menu_container {
    width: 100%;
    max-width: none;
}

.ds_mobile-desktop .logo_container { padding-left: 30px; }

.ds_mobile-desktop #et-top-navigation { padding-right: 30px; } 

.ds_mobile-desktop .mobile_menu_bar { padding-bottom: 24px; z-index: 9999; }

/****************************** SECTION DIVIDERS ******************************************8/

/** SECTION DIVIDER - DOWN ARROW - ADD CLASS TO SECTION **/
.section_separators_down .ds_down_arrow_section:after { display: block; position: absolute; content: ''; width: 60px; height: 60px; bottom: -30px; margin-left: calc(50% - 30px); background-color: inherit;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; }

/** SECTION DIVIDER - UP ARROW - ADD CLASS TO SECTION **/
.section_separators .ds_up_arrow_section:after { display: block; position: absolute; content: ''; width: 60px; height: 60px; top: -30px; margin-left: calc(50% - 30px); background-color: inherit;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; }

/** SECTION DIVIDER - SLANTED BOTTOM **/
.section_separators_down .ds_slant_bottom:after { display: block; position: absolute; content: ''; bottom: -40px; width: calc(100% + 40px); height: 90px; right: -20px; background: inherit; z-index: 10; transform: rotate(1.2deg); }

.section_separators_down .ds_slant_bottom:before { display: block; position: absolute; content: ''; bottom: -50px; width: calc(100% + 40px); height: 50px; right: -20px; background: rgba(0, 0, 0, 0.1); z-index: 10; transform: rotate(0.8deg); }

/** SECTION DIVIDER - SLANTED TOP **/
.section_separators .ds_slant_top:after { display: block; position: absolute; content: ''; top: -40px; width: calc(100% + 40px); height: 90px; right: -20px; background: inherit; z-index: 10; transform: rotate(-1.2deg); }

.section_separators .ds_slant_top:before { display: block; position: absolute; content: ''; top: -50px; width: calc(100% + 40px); height: 50px; right: -20px; background: rgba(0, 0, 0, 0.1); z-index: 10; transform: rotate(-0.8deg); }

/** SECTION DIVIDER - UP CIRCLE - ADD CLASS TO SECTION **/
.section_separators .ds_up_circle_section:after { display: block; position: absolute; content: ''; width: 40px; border-radius: 20px; height: 40px; bottom: -20px; margin-left: calc(50% - 20px); background-color: inherit; z-index: 10; }

/** SECTION DIVIDER - DOWN CIRCLE - ADD CLASS TO SECTION **/
.section_separators_down .ds_down_circle_section:after { display: block; position: absolute; content: ''; width: 40px; border-radius: 20px; height: 40px; top: -20px; margin-left: calc(50% - 20px); background-color: inherit; z-index: 10; }

.section_separators #main-content, .section_separators_down #main-content { overflow: hidden; }

/**************** FILTERS ** ADD TO ANY SECTION OR MODULE TO APPLY. PARTICULARLY GOOD ON IMAGES *****************/

/** GRAYSCALE **/
.ds_filters .ds_grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); }

/** SATURATE **/
.ds_filters .ds_saturate { -webkit-filter: saturate(1.8); filter: saturate(1.8); }

/** BLUR **/
.ds_filters .ds_blur { -webkit-filter: blur(5px); filter: blur(5px); }

/** INVERT **/
.ds_filters .ds_invert { -webkit-filter: invert(1); filter: invert(1); }

/** BRIGHTNESS - BRIGHT **/
.ds_filters .ds_brighter { filter: brightness(0.4); -webkit-filter: brightness(0.4); -moz-filter: brightness(0.4); }

/** SEPIA **/
.ds_filters .ds_sepia { filter: sepia(100%); -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); }

/****************************************************************************************************************/

 /** SIDE LOADING MOBILE MENU LIGHT **/
 
.ds_mobile_side_light #mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; }

.ds_mobile_side_light .mobile_nav.closed #mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; background: #fff; transition: .8s ease-in-out !important; }

.ds_mobile_side_light .mobile_nav.opened #mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; background: #f1f1f1; transition: .8s ease-in-out; }

.ds_mobile_side_light .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; color: #303030; }

.ds_mobile_side_light .et_mobile_menu li a { color: #303030; }

@media(max-width: 980px) { .ds_mobile_side_light .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; }

.ds_mobile_side_light #main-header .container.clearfix.et_menu_container { width: 100%; }

.ds_mobile_side_light .logo_container { padding-left: 30px; }

.ds_mobile_side_light #et-top-navigation { padding-right: 30px; } }

@media(min-width: 341px) {

.ds_mobile_side_light #mobile_menu { width: 340px; margin-left: calc(100% - 340px); }

} 

@media(max-width: 340px) {

.ds_mobile_side_light #mobile_menu { width: 100%; margin-left: 0; }
}

/** SIDE LOADING MOBILE MENU DARK **/

.ds_mobile_side_dark #mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; }

.ds_mobile_side_dark .mobile_nav.closed #mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; background: #010101; transition: .8s ease-in-out ; }

.ds_mobile_side_dark .mobile_nav.opened #mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; background: #303030; transition: .8s ease-in-out; }

.ds_mobile_side_dark .mobile_nav.opened .mobile_menu_bar:before { content: "M"; color: #f1f1f1; }

.ds_mobile_side_dark .et_mobile_menu li a { color: #f1f1f1; }

@media  (max-width: 980px) { .ds_mobile_side_dark .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; }
  .ds_mobile_side_dark #main-header .container.clearfix.et_menu_container { width: 100%; }
  .ds_mobile_side_dark .logo_container { padding-left: 30px; }
  .ds_mobile_side_dark #et-top-navigation { padding-right: 30px; } }

@media  (min-width: 341px) { .ds_mobile_side_dark #mobile_menu { width: 340px; margin-left: calc(100% - 340px); } }

@media  (max-width: 340px) { .ds_mobile_side_dark #mobile_menu { width: 100%; margin-left: 0; } }

/************** MENU LINK TRANSFORMATIONS AND TRANSITIONS *****************/

/** FIRST LINK SLIDES IN FROM LEFT **/
.first_link_slide_left #main-header #et-top-navigation nav > ul > li:first-child > a { position: relative; right: 120px; transition: 1s ease all; opacity: 0; }

.first_link_slide_left #main-header.et-fixed-header #et-top-navigation nav > ul > li:first-child > a { right: 0; opacity: 1; }

/** LAST LINK SLIDES IN FROM RIGHT **/
.last_link_slide_right #main-header #et-top-navigation nav > ul > li:last-child > a { position: relative; left: 120px; transition: 1s ease all; opacity: 0; }

.last_link_slide_right #main-header.et-fixed-header #et-top-navigation nav > ul > li:last-child > a { left: 0; opacity: 1; }

/** MENU BUTTONS FLAT **/
.ds_flat_buttons .button-dark a { background: #303030; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #f1f1f1; }

.ds_flat_buttons .button-light a { background: #F1F1F1; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #303030; }

.ds_flat_buttons .button-blue a { background: #247BA0; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #f1f1f1; }

.ds_flat_buttons .button-yellow a { background: #FF8500; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #f1f1f1; }

.ds_flat_buttons .button-red a { background: #EF233C; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #f1f1f1; }

.ds_flat_buttons .button-green a { background: #9BC53D; padding: 10px 14px !important; border-radius: 4px; margin-top: -10px; color: #f1f1f1; }

/** MENU BUTTONS 3D **/
.ds_3d_buttons .button-dark-3d a { background: #303030; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #f1f1f1; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

.ds_3d_buttons .button-light-3d a { background: #F1F1F1; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #303030; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

.ds_3d_buttons .button-blue-3d a { background: #247BA0; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #f1f1f1; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

.ds_3d_buttons .button-yellow-3d a { background: #FF8500; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #f1f1f1; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

.ds_3d_buttons .button-red-3d a { background: #EF233C; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #f1f1f1; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

.ds_3d_buttons .button-green-3d a { background: #9BC53D; padding: 10px 14px !important; border-radius: 2px; margin-top: -10px; color: #f1f1f1; border-bottom: 3px solid rgba(0, 0, 0, 0.2) }

/** SQUARE PORTFOLIO GRID IMAGES **/
.ds_square_portfolio .et_portfolio_image { padding-top: 100%; }
.ds_square_portfolio .et_portfolio_image img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

/** BOOK PORTFOLIO GRID IMAGES **/
.ds_book_portfolio .et_portfolio_image { padding-top: 150%; }
.ds_book_portfolio .et_portfolio_image img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

/** CINEMA PORTFOLIO GRID IMAGES **/
.ds_cinema_portfolio .et_portfolio_image { padding-top: 60%; }
.ds_cinema_portfolio .et_portfolio_image img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }

/** CLEANER COMMENTS **/
.ds_clean_comments .comment_avatar img { border-radius: 4px; } 

@media (min-width: 768px) { /** The breakpoint for the comments form **/
 .ds_clean_comments:not(.logged-in) #comment { max-width: 50%; float: right; margin-top: -186px; height: 172px; } /** even form sections **/
 .ds_clean_comments .children .comment.depth-2 { margin-left: 30px;} /** offsets the first child, but no others **/
 .ds_clean_comments .comment .children { margin-left: 0px; } /** offsets the first child, but no others **/
 .ds_clean_comments .comment .children .comment_avatar img { max-width: 60px; } /** make reply avatars smaller **/
 .ds_clean_comments .comment .children .comment_avatar { margin-left: 20px; } /** keep reply avatars left **/}

@media (max-width: 767px) {
 .ds_clean_comments .comment-reply-link { bottom: -20px !important; top: auto !important; } /**keeps the button off of the text **/
 .ds_clean_comments .comment_area { padding-bottom: 40px; } /**keeps the button off of the text **/
 .ds_clean_comments .comment_avatar { max-width:50px } /** smaller avatar on mobile **/
 .ds_clean_comments .comment_postinfo, .comment-content.clearfix { margin-left: -30px; } /**smaller avatar keeps left **/ }

/** APP STYLE MOBILE MENU **/
@media  (max-width: 980px) { .ds-app-menu .container.et_menu_container { width: 100%; }
  .ds-app-menu #logo { padding-left: 30px; }
  .ds-app-menu .mobile_nav { padding-right: 30px; } }

/********************** BLURB IMAGE AND ICON TRANSITIONS ***********************/

/** GROW **/
.ds_blurb_grow .et_pb_main_blurb_image:hover { transform: scale(1.2); transition: .5s ease-in-out; }

/** ROTATE **/
.ds_blurb_spin .et_pb_main_blurb_image:hover { transform: rotateY(360deg); transition: .6s ease all; }

/******************* SLIDE TRANSITIONS DESCRIPTIONS********************************/
.ds_fade_left .et-pb-active-slide .et_pb_slide_description { animation-name: fadeInLeft; }
.ds_fade_right .et-pb-active-slide .et_pb_slide_description { animation-name: fadeInRight; }
.ds_flip_y .et-pb-active-slide .et_pb_slide_description { animation-name: flipInY; }
.ds_flip_x .et-pb-active-slide .et_pb_slide_description { animation-name: flipInX; }

/******************* SLIDE TRANSITIONS IMAGE & VIDEO ********************************/
.ds_slide_fade_left .et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: fadeLeft; }
.ds_slide_fade_right .et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: fadeInRight; }
.ds_slide_flip_y .et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: flipInY; }
.ds_slide_flip_x .et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: flipInX; }

/** REMOVE BULLET POINTS FROM FOOTER **/
.ds_footer_bullets #footer-widgets .footer-widget li:before {display: none!important;} 
.ds_footer_bullets #footer-widgets .footer-widget li {padding: 0 0 10px 0px;}

/** STOP GALLERY IMAGES OPENING IN LIGHTBOX **/
.ds_no_lightbox .et_pb_gallery_image a { pointer-events: none; cursor: default; }

/** LARGER EMAIL AND PHONE IN HEADER **/
.ds_larger_info #et-info { font-size: 120% } 

/** HIDE LOGO BEFORE SCROLL **/
.ds_logo_hide .et_fixed_nav #logo { display: none; }
.ds_logo_hide #main-header.et-fixed-header #logo { display:block; }

/** REMOVE BLUE TOP LINE SUBMENUS **/
.ds_border_top .sub-menu { border-top: 0; }

/** FIXED HEADER ON MOBILE **/
@media (max-width: 980px) { .ds_fixed_mobile_header #main-header { position: fixed !important; width: 100%; }}

/** SQUARE BUTTONS **/
.ds_square_buttons .et_pb_promo_button, .ds_square_buttons .et_pb_newsletter_button, .ds_square_buttons a.et_pb_more_button, .ds_square_buttons .et_pb_pricing_table_button { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

/** TURN PRE TEXT INTO A CODE BOX **/
.ds_pretext_code .entry-content pre { background: #303030; color: #f1f1f1; padding: 10px 16px; border-radius: 2px; border-top: 4px solid #ffa900; -moz-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; }

/** STYLE CF7 LIKE DIVI **/
.ds_style_cf7 .wpcf7-text, .ds_style_cf7 .wpcf7-textarea, .ds_style_cf7 .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ds_style_cf7 .wpcf7-submit {
color: #f0853b!important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ds_style_cf7 .wpcf7-submit:hover { 
background-color: yellow; 
border-color:yellow; 
padding: 6px 20px !important; 
}

/** HIDE THE COUNTDOWN TIMER WHEN IT HITS ZERO **/
.ds_counter_hide .et_pb_countdown_timer .section.zero { display:none; }

/**PUSH FOOTER TO BOTTOM OF PAGE **/
.ds_footer_push #main-content { min-height: 100vh }

/** CENTER ALIGN TOP HEADER **/
.ds_center_top_header #et-info { float: none !important; text-align: center; }

/** HIDE BOTTOM FOOTER **/
.ds_footer_hide_option #footer-bottom { display: none; }

/** PROJECT OVERLAY ZOOM **/
.ds_overlay_zoom .et_overlay {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
 
.ds_overlay_zoom .et_shop_image:hover .et_overlay, .ds_overlay_zoom .et_portfolio_image:hover .et_overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/** PROJECT OVERLAY SLIDE UP **/
.ds_overlay_slide_up .et_overlay {
    top:30px;
}
 
.ds_overlay_slide_up .et_shop_image:hover .et_overlay, .ds_overlay_slide_up .et_portfolio_image:hover .et_overlay{
    top:0;
}

/** PROJECT OVERLAY SPIN **/
.ds_overlay_spin .et_overlay {
    -webkit-transform:  scale(.6) rotate(-30deg);
    -moz-transform:     scale(.6) rotate(-30deg);
    -o-transform:       scale(.6) rotate(-30deg);
    -ms-transform:      scale(.6) rotate(-30deg);
    transform:          scale(.6) rotate(-30deg);
}
 
.ds_overlay_spin .et_shop_image:hover .et_overlay, .ds_overlay_spin .et_portfolio_image:hover .et_overlay{
    -webkit-transform:  scale(1) rotate(0deg);
    -moz-transform:     scale(1) rotate(0deg);
    -o-transform:       scale(1) rotate(0deg);
    -ms-transform:      scale(1) rotate(0deg);
    transform:          scale(1) rotate(0deg);
}

/*********** STAY TUNED **************/