/* ============================================================================= *
Theme Name: Ⓓ Divi Child Italboats
Theme URI: https://www.milorad.com/
Description: This is a Ⓓ Divi child theme
Author: M Vignjevic
Author URI: https://www.milorad.com/
Author Email: mvignjevic@milorad.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
================================================================================ *
================================================================================ */
/* ============================================================================= *
                                                   ADD A SMOOTH SCROLLING EFFECT
================================================================================ */
html, body, 
/* ============================================================================= *
                                                   ADD A SMOOTH SCROLLING EFFECT
================================================================================ */
html { scroll-behavior: smooth; }
/* ============================================================================= *
                                                         ADD TRANSITION ON HOVER
================================================================================ */
:hover { transition:all 1s; }
/* ============================================================================= *
                                                                 COLOR VARIABLES
================================================================================ */
:root {
	--primary: #000;
	--secondary: #7c7c7c;
	--tertiary: #121212;
	--accent01: #caa82c;
	--accent02: #fff;
}
/* ============================================================================= *
                                                     HEADER & PRIMARY NAVIGATION
================================================================================ */
@media only screen and (min-width: 981px) {
	#logo { max-height: 80% !important; }
	#et-top-navigation li { margin-right: 10px !important; }	
	#et-top-navigation li li a { font-size: 10px !important; }	
	#top-menu li a { font-size: 10px !important; }	
	.menu-item img._before, .rtl .menu-item img._after { margin-left: -0.5em !important; margin-right: 0.5em; }	
	#top-menu li > ul > li img, #top-menu li.mega-menu > ul > li img { margin-bottom: 15px; }
	/* #top-menu li > ul > li:hover img, #top-menu li.mega-menu > ul > li:hover img { filter: grayscale(100%); } */	
	#top-menu li > ul > li,	#top-menu li.mega-menu > ul > li { text-align: center; }
	#top-menu li > ul > li a:hover, #top-menu li.mega-menu > ul > li a:hover { color: var(--accent01); }	
	.et_fullwidth_nav #top-menu li.mega-menu>ul { width: auto; left: 0 !important; right: 0 !important; }
	
	/* 6-column Divi Mega Menu */
	#top-menu li.mega-menu.six > ul > li:nth-of-type(5n) { clear: none; }
	#top-menu li.mega-menu.six > ul > li:nth-of-type(7n) { clear: none; }
	#top-menu li.mega-menu.six > ul > li { width: 16%; margin: 0; }
	
	/* 7 column Divi Mega Menu */
	#top-menu li.mega-menu.seven > ul > li:nth-of-type(5n) { clear: none !important; }
	#top-menu li.mega-menu.seven > ul > li:nth-of-type(8n) { clear: none !important; }
	#top-menu li.mega-menu.seven > ul > li { width: 14% !important; margin: 0 !important; }
	
	/* 8 column Divi Mega Menu */
	#top-menu li.mega-menu.eight > ul > li:nth-of-type(5n) { clear: none !important; }
	#top-menu li.mega-menu.eight > ul > li:nth-of-type(9n) { clear: none !important; }
	#top-menu li.mega-menu.eight > ul > li { width: 12.5% !important; margin: 0 !important; }
	
	.cta a, #main-header.et-fixed-header .cta a { color: var(--accent01) !important;  }
	.cta a:hover { color: var(--accent02) !important; }
	.nav li ul { border-top-width: 2px !important; }
}
/* ============================================================================= *
                                                            SECONDARY NAVIGATION
================================================================================ */
@media only screen and (min-width: 981px) {  
	#top-header .container { margin-top: 15px !important; margin-bottom: 0px !important; }
	#top-header .container { padding-right: 40px !important; padding-left: 40px !important; }
	#et-info a, #et-secondary-menu a { color: var(--accent02); position: relative; letter-spacing: 1px !important; }
	#et-secondary-menu .instagram { margin-right: 5px !important; margin-left: -10px !important; }
	#top-header a:hover, #et-info a:hover, #et-secondary-menu a:hover { color: var(--accent01) !important; }
	#et-info a span:before, #et-secondary-menu a i { color: var(--accent01) !important; }
	#et-info a:hover span:before, #et-secondary-menu a:hover i { color: var(--accent02) !important; }
	.click { pointer-events: none; }
}
/* ============================================================================= *
                                                               MOBILE NAVIGATION
================================================================================ */
@media only screen and (max-width: 980px){
	#dtb-m-menu .dtb-mobile-menu li .sub-menu-toggle.popped~ul.sub-menu li img {  margin-bottom: 15px; }
	#dtb-m-menu .dtb-mobile-menu a i { color: var(--accent01); margin-right: 5px; }	
	#dtb-m-menu .dtb-mobile-menu a:hover i { color: var(--accent01); }	
	#dtb-m-menu .dtb-mobile-menu { z-index: -1 !important; }
	#dtb-m-menu .dtb-mobile-menu .cta { position: fixed; bottom: 0; text-align: center !important; padding: 15px; background: var(--accent01) !important; width: 100%; }
	#dtb-m-menu .dtb-mobile-menu .cta { width: 100%; left: 0; }
	#dtb-m-menu .dtb-mobile-menu .cta a { text-align: center !important; padding: 15px !important; background-color: var(--accent01) !important; width: 100%; }
	#dtb-m-menu .dtb-mobile-menu .cta a:hover { background-color: var(--tertiary) !important; }
	#dtb-m-menu .dtb-mobile-menu .cta a i { color: var(--accent02); }
	#dtb-m-menu .dtb-mobile-menu .cta a:hover i { color: var(--accent01); }
}
/* ============================================================================= *
                                                                     HOME SLIDER
================================================================================ */
.dipi-ig-main-content { background: rgba(0, 0, 0, .65); width: 100% !important; padding: 50px 0 30px !important; }
.dipi-ig-main-content--description { margin-top: -10px; }
.dipi_image_gallery_child { background: var(--primary) !important; }

/* ============================================================================= *
                                                             BLOG PAGE & ARTCLES
================================================================================ */
.et_pb_image_container:hover, .et_pb_image_container a:hover, .et_pb_image_container img:hover, .et_overlay { border: 0 !important; }
#single-article .et_builder_inner_content .et_pb_section { background: var(--accent02); }
#single-article h1, #single-article h2, #single-article h3, #single-article h4, #single-article h5, #single-article h6 { 
	font-family: "michroma", sans-serif !important; font-weight: 600; text-transform: uppercase;
}
#single-article .et_pb_text_inner { color: #777 !important; text-align: center !important; }
.widget_search #s, .et_pb_widget .wp-block-search__input { width: 100%; border-radius: 0 !important; }
/* ============================================================================= *
                                                                KENBURNS EFFECTS
================================================================================ */
/*Kenburns Top Effect*/
.dp-kenburns-top .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top 5s cubic-bezier(.39,.575,.565,1.000) both;animation:dp-kenburns-top 5s cubic-bezier(.39,.575,.565,1.000) both;}
@-webkit-keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}

/*Kenburns Top Reverse Effect*/
.dp-kenburns-top-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;}
@-webkit-keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}

/*Kenburns Top Right Effect*/
.dp-kenburns-top-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right 5s ease-in-out both;animation:dp-kenburns-top-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}@keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Top Right Reverse Effect*/
.dp-kenburns-top-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top;}}@keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Right Effect*/
.dp-kenburns-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;}
@-webkit-keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Right Reverse Effect*/
.dp-kenburns-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;}
@-webkit-keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Bottom Right Effect*/
.dp-kenburns-bottom-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right 5s ease-in-out both;animation:dp-kenburns-bottom-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}

/*Kenburns Bottom Right Reverse Effect*/
.dp-kenburns-bottom-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}