/* ==============================================================================
Theme Name: Ruven Elementor Theme
Author: Ruven Götzner
Template: phlox
Version: 1.0
================================================================================= */
@import 'phlox-ruven-edits/style-phlox-ruven.css';
/* @import url('https://fonts.googleapis.com/css?family=Actor&display=swap'); */

/* latin
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/actor/v17/wEOzEBbCkc5cO0ejVSk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 */
/* #region settings */
:root {
	/* --font1: "Roboto Condensed", Sans-serif; */
    /* --font2: "Raleway", Sans-serif; */
    --color-grey:#616161bb;
	--font1: "Open Sans";
	--font2: "Actor";
	--color-dark:#000000;
	--color-dark-transparent: rgba(0, 0, 0, 0.7);
	--color-bright:rgb(255, 255, 255);
	--color-bright-transparent:rgba(255, 255, 255, 0.7);
	--color-bright-transparent2:rgba(255, 255, 255, 0.4);
	/* --color-highlight:#32c628; */
	--color-highlight:#1955a3;
	/* --color-yellow:#e2ff05; */
	--color-yellow:#f4ea4d;
	--color-highlight-light:#f4e94db9;
	/* --color-highlight:#77aa06; */
	--color-highlight2:#9dda94;
    --color1:#96c577;
    --color-grey:#676767;
    --color-grey2:#9d9d9d;
    --color-dark-transparent:#000000bb;
    
	--h3-size:24px;
}
/* #endregion */

.elementor-location-header .elementor-sticky {
    position: absolute;
    width: 100%;
    z-index: 10;
}
body, #inner-body {
	background-color:var(--color-bright);
	color:var(--color-grey);
}
a:hover {
	color:white;
}
.elementor-button:hover {
    color: var(--color-highlight)!important;
    background: transparent;
}
.inverted .elementor-button:hover {
    color: white!important;
    border-color:white;
    background: transparent;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: var(--color-grey);
    color: #fff;
}
.topOverlayContainer a {
    background: var(--color-bright-transparent2)!important;
}
.topOverlayContainer a:hover {
    background: var(--color-bright-transparent)!important;
}
.ruven-posts .bottomOverlayContainer {
    background-color: var(--color1-transparent, black)!important;
}
/* #region header */
.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    width: 250px !important;
}  
.elementor-location-header>div>div>section .elementor-column-wrap {
    transition: all 0.5s;
    padding-top:5px!important;
    padding-bottom:5px!important;
}
@media (min-width:768px) {
    .elementor-sticky--effects .elementor-column-wrap {
        transition: all 0.5s;
        padding-top:5px!important;
        padding-bottom:5px!important;
    }
}

/* transparent header inverted color */
body.home[data-elementor-device-mode='desktop'] .elementor-location-header .elementor-sticky:not(.elementor-sticky--effects) .elementor-nav-menu>li>a,
/* transparent header toggle color */
.home .elementor-location-header .elementor-sticky:not(.elementor-sticky--effects) .elementor-menu-toggle {
    color: var(--color-yellow, white);
}

.elementor-location-header section.elementor-sticky--effects{
	/* background-color: var(--color-dark-transparent, white)!important; */
	/* background-color: transparent!important; */
    border-bottom:0;
}
.elementor-location-header a, .elementor-location-footer a,
.elementor-location-footer .elementor-divider  {
    color: var(--color-yellow);
}
.elementor-nav-menu--dropdown {
    background:transparent;
    background: var(--color-dark-transparent);

}
.elementor-nav-menu li {
}

.elementor-social-icon i {
    color: #000;
}
.elementor-sticky__spacer {
    /* display:none; */
}
.elementor-menu-toggle,
.elementor-location-header i  {
    color:var(--color-yellow);}
.elementor-location-header a:hover,
.elementor-location-header i:hover  {
    color:var(--color-highlight2);
transition:all 0.5s;}
/* #endregion */
li {
    margin-bottom:5px;
}
ul {
    list-style:disc;
    margin-left:20px;
}
.elementor-location-header ul {
    list-style:none;
    margin:0;
}
h3 {
    margin-bottom:5px;
}
/* #region  */
/* #endregion */
.elementor-location-header a:hover, body.home[data-elementor-device-mode='desktop'] .elementor-location-header .elementor-sticky:not(.elementor-sticky--effects) .elementor-nav-menu>li>a:hover, .elementor-location-footer a:hover {
    color: var(--color-highlight-light);
}
/* #region font */
a {color:var(--color-highlight);}
h1, h2, h3, h4, h5, h6, .aux-h1, .aux-h2, .aux-h3, .aux-h4, .aux-h5, .aux-h6, .page-title {
	color:var(--color-dark);
    font-family:var(--font2);
}

h1 {
    font-weight: 600;
}
h2 {
    font-weight: 500;
}
h3 {
	font-weight:400;
	line-height: 1.6;
    letter-spacing: 0px;
}
h4 {
	margin:0;
	/* line-height:1.5; */
	line-height: 1.6em;
    letter-spacing: 2.4px;
    margin-top: 45px;
    margin-bottom: 15px;
}
h6 {
	font-family: var(--font2);
	color:var(--color-bright);
	line-height: 1.29;
	letter-spacing: 4px;
	text-transform: none;
	font-weight:700;
}
.elementor-widget-heading .elementor-heading-title {
    /* line-height: 1.6; */
}
/* #endregion */
/* #region footer */
.elementor-location-footer .elementor-menu-toggle,
.elementor-location-footer .elementor-nav-menu--dropdown 
{
    display: none;
}
.elementor-location-footer {
    background:black;
}
.elementor-location-footer p,
.elementor-location-footer .elementor-heading-title
 {
    color:white;
}
.elementor-location-footer p,
.elementor-location-footer li
 {
    color:var(--color-grey2);
}
.elementor-location-footer .elementor-icon
 {
    background:var(--color-yellow)!important;
}
.elementor-location-footer .elementor-button {
    background: transparent;
    border: 1px solid var(--color-highlight);
    color:var(--color-highlight);
}
.elementor-location-footer .elementor-button:hover {
    background: var(--color-highlight);
    color:white!important;
}
.elementor-location-footer .elementor-nav-menu--main .elementor-nav-menu a {
    padding: 0;
    margin-top: 5px;
}
/* #endregion */
/* #region fixes */
/* tablet navi fix */
.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    z-index: -1;
}

/* #endregion */


@media screen and (min-width: 768px) {
    /* Settings for Desktop */
	:root {
		/* --px2: calc(var(--px) * 1.5);
		--px3: calc(var(--px) * 2);
		--px4: calc(var(--px) * 3);
		--px5: calc(var(--px) * 4);
		--h1-size: 65px;
		--h2-size: 40px;
		--h3-size: 24px;
		--h4-size: 16px;
		--h5-size: 36px;
		--h6-size: 14px; */
		/* --header-height: 150px; */
	}
	/* .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child:after {
		display: none;
    } */
    /* .elementor-sticky--effects .elementor-widget-theme-site-logo img {
        width: 150px !important;
    }   */
    
}