/*
Theme Name: Franziska Frank
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Webut Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768281162
Updated: 2026-01-13 05:12:42

*/

*{
	box-sizing: border-box;
}
body{
	-webkit-font-smoothing: auto;
	overflow-x:hidden;
}
.home-slider .swiper-slide-contents {
    max-width: 417px !important;
    width: 100%;
}
.home-slider .swiper-slide-contents br{
 display:none;
}
.site-logo a {
	display: block !important;
}
.footer-logo .site-logo a {
    display: block;
}
.home-slider .elementor-swiper-button-prev,
.home-slider .elementor-swiper-button-next svg,
.home-slider .swiper-pagination-bullets {
	display: none !important;
}
.home-slider .elementor-swiper-button-next {
	background: url(https://franziskafrank.com/wp/wp-content/uploads/2026/01/slider-next-arrow.png);
	background-size: contain !important;
	background-repeat: no-repeat !important;
	width: 16px;
	height: 16px;
}

p{
	margin-bottom: 10px;
}
p:last-child{
	margin-bottom: 0px;
}
p a,
.elementor-icon-list-item .elementor-icon-list-text a{
	font-style: italic;
	text-decoration: underline !important;
}
p a:hover,
.elementor-icon-list-item .elementor-icon-list-text a:hover{
	text-decoration: none !important;
}
nav .menu-item.menu-item-has-children.current-menu-ancestor > a.elementor-item {
    color: #c89000; /* active color */
}
nav  .menu-item.menu-item-has-children.current-menu-ancestor
> a.elementor-item
svg {
    fill: #c89000;
}

.rule-task-container h3, .av-container h3 {

    font-style: normal !important;
}
.Custom-quizz .checkbox-group .checkbox-option {
    padding: .9rem .75rem;
    margin: 8px 0;
    background: #fff;
    border: .0625rem solid #ced4da;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    align-items: center;
    display: flex;
    gap: 10px;
}

.Custom-quizz .checkbox-group .checkbox-option:hover {
    border-color: #C89000;
    background: #fff9e6;
}

.Custom-quizz .question-section,
.Custom-quizz .explanation-box {
  display: none;
}

.Custom-quizz .question-section.active,
.Custom-quizz .explanation-box.active {
  display: block;
}
.Custom-quizz .quiz-error {
  display: none;
  color: #c62828;
  font-size: 14px;
  margin-bottom: 10px;
}

.Custom-quizz .quiz-error.active {
  display: block;
}
.Custom-quizz .quiz-error {
    display: none;
    font-size: 14px;
    color: red;
    margin: 10px 0;
    padding: 10px;
    background: #fff5f5;
    border-left: 3px solid red;
    font-weight: 400;
}

.Custom-quizz .quiz-error.active {
  display: block;
}


/* .Custom-quizz .question-section,
.Custom-quizz .explanation-box {
  display: none;
}

.Custom-quizz .question-section.active {
  display: block;
} */
.footer-section-link a:hover {
    text-decoration: unset !important;
}
.banner-right {
    overflow: hidden;
}
.control-atag a {
    font-weight: 700;
    font-style: italic;
    text-decoration: underline !important;
}
.control-atag a:hover {
  text-decoration: unset !important;
}
.hover-overlay a:before {
	background: rgba(200,144,0,.8);
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home-slider .elementor-swiper-button-next:hover {
	filter: brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(1675%) hue-rotate(167deg) brightness(92%) contrast(101%);
}
.hover-overlay:hover a:before{
	opacity: 1;
	visibility: visible;
}
.elementor-widget-image a {
	display: block;
}
li.elementor-icon-list-item span.elementor-icon-list-text a {
	width: auto;
	display: inline-block;
	font-weight: bold;
	font-style: italic;
}
.menu-item-home a {
	position: relative;
	font-size: 0px !important;
	background: url("https://franziskafrank.com/wp/wp-content/uploads/2026/01/home.png");
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	right: -7px !important;
	width: 18px;
	height: auto;
	margin-right: 0px !important;
}
.menu-item-home a:hover ,
.menu-item-home.current-menu-item a {
	filter: brightness(0) saturate(100%) 
	invert(48%) sepia(73%) 
	saturate(498%) hue-rotate(6deg);
}


.menu-item-has-children .sub-menu li a{
	position: relative;
}
.menu-item-has-children .sub-menu li a::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	background: url("https://franziskafrank.com/wp/wp-content/uploads/2026/01/right-arrow.png");
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 12px;
	height: 12px;
	margin-left: -15px;
}
.menu-item-has-children .sub-menu li a:hover::after,
.menu-item-has-children .sub-menu li.current-menu-item a::after {
	filter: brightness(0) invert(1);
}


/*  */
#back-btn .elementor-button-icon {
    transform: rotate(180deg);
}
.hover-overlay img {
    height: 400px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.hover-overlay a {
  	display: block !important;
    position: relative;
}

.hover-overlay a::after {
    content: "→";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(0%) translateY(-50%);
    opacity: 0;
    font-size: 120px;
    color: #c89000;
    transition: transform 0.3s ease, opacity 0.3s ease;
    pointer-events: none;
    font-weight: 900;
}

.hover-overlay a:hover::after {
    transform: translateX(290%) translateY(-50%);
    opacity: 1;
}

.text-post{
    font-weight: 700 !important;
    color: #C89000;
    font-style: italic;
	text-decoration: 	underline !important;
}

.list ol li::marker {
    font-size: 22px;
    color: #c89000;
}

.list-arrow ul {
  list-style: none;
}

.list-arrow ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 6px;
}

.list-arrow ul li::before,
.list-arrow ul li::after {
  content: "";
  position: absolute;
  top: 0.45em;                 
  width: 8px;
  height: 8px;
  border-top: 3px solid #c89000;
  border-right: 3px solid #c89000;
  transform: rotate(45deg);
}

.list-arrow ul li::before {
  left: 4px;
}

.list-arrow ul li::after {
  left: 10px;
}

.floatimg {
    width: 100%;
    float: left;
    margin-bottom: 20px;;
}
.floatimg img {
    float: left;
    padding-right: 20px;
    margin-bottom: 20px;
}
a.post-button {
    padding: 5px 18px;
    border: 2px solid #d49600;
    background: transparent;
    color: #d49600;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

a.post-button::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-image: url("https://franziskafrank.com/wp/wp-content/uploads/2026/01/book.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(62%) sepia(83%) saturate(457%) hue-rotate(6deg) brightness(92%) contrast(93%);
}

a.post-button:hover {
    background-color: #d49600;
    color: #ffffff;
}

a.post-button:hover::before {
    filter: brightness(0) invert(1);
}
.modal-content.shadow.newpop h5 {
    font-size: 17px;
	margin:0;
}
.modal-content.shadow.newpop {
    border-radius: 0;
    max-width: 498px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5);
    position: relative;
	    padding-bottom: 18px;
	border:0;
}
.modal-content.shadow.newpop input {
  width: 100%;
    max-width: 180px;
    height: 25px;
    margin-bottom: 10px !important;
    display: block;
    margin: 0 auto;
}
.modal-content.shadow.newpop button.btn-submit {
    width: 100%;
    max-width: 180px;
    background: #989898;
    border: #989898;
    color: #fff;
    display: block;
    margin: 0 auto;
}

.modal-content.shadow.newpop button.btn-submit:hover {
    background: #C89000;
    color: #fff;
}
.modal-content.shadow.newpop button.closeop {
    border: 0;
    font-family: 'Lato';
    color: #6f6e6e;
    font-size: 20px;
    padding: 0;
    font-style: normal;
    position: absolute;
    top: 5px;
    right: 10px;
}
.modal-content.shadow.newpop button.closeop:hover {
    background: transparent;
}

.imgblock .elementor-widget-image a {
    display: block !important;
}
.modal-content.shadow.newpop .modal-body {
    padding: 13px 0px !important;
   border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.modal-content.shadow.newpop .modal-header {
    padding: 10px 10px !important;
	border:0;
}
.popup-control {
    position: relative;
}
.popup-control .modal-dialog {
    width: 100%;
}
.openPopup a:hover {
    cursor: pointer;
}

.popup-control div#passwordModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}

 .select-caret-down-wrapper {
    width: 10px;
    height: 15px;
    background-image: url("https://franziskafrank.com/wp/wp-content/uploads/2026/01/arro.svg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-caret-down-wrapper svg {
    display: none !important;
}
.video-page-control .e-con-full.e-flex.e-con.e-child{
    padding:15px;
    border:1px solid #EEEEEE;
    text-align: center;
  
}
.video-page-control .e-con-full.e-flex.e-con.e-child h2{
    font-size: 20px;
}
span.error_password_popup {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 3px;
}
.elementor-message-danger {
    padding: .375rem .75rem;
    border: .125rem dashed #dc3545;
    width: 100%;
}
a.back-to-top__link {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff !important;
    text-decoration: none;
    background: #c89000 !important;
    border: 1px solid #c89000;
    z-index: 9999;
    cursor: pointer;
}
a.back-to-top__link:hover {
    background: #fff !important;
    color: #c89000 !important;
}
/*  */




@media (min-width: 1025px) and (max-width: 1150px) {
	.desktop-menu nav ul li a {
    	margin: 0 2px !important;
	}
}
@media(min-width:1025px){
	
	.menu-item-has-children>a {
		flex-direction: row-reverse;
	}
	.menu-item-has-children>a span.sub-arrow {
		padding-right: 10px;
		padding-left: 0px;
	}
	.menu-item-has-children a span.sub-arrow svg {
		width: 18px !important;
		height: 18px !important;
		margin-top: 2px;
	}
	.menu-item-home a {
		padding: 0px !important;
	}

}

@media(max-width:1024px){
	.menu-item-home{
		padding-top: 6px;
		padding-bottom: 6px !important;
	}
	.menu-item-home.current-menu-item,
	.menu-item-home:hover{
		background-color: #C89000;
	}
	.menu-item-home a {
		        top: 3px;
		background-size: 19px !important;
		background-position: 6px !important;
		margin-right: 0px !important;
		padding: 0px !important;
		width: 30px;
		background-color: transparent !important;
		right: 0px !important;
	}
	.menu-item-home.current-menu-item a,
	.menu-item-home:hover a{
		filter: brightness(0) invert(1);
	}
	nav.elementor-nav-menu--dropdown {
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 30px !important;
	}
	nav.elementor-nav-menu--dropdown .sub-menu {
		display: block !important;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	nav.elementor-nav-menu--dropdown ul li {
		margin-bottom: 3px;
	}
	nav.elementor-nav-menu--dropdown .sub-menu li a {
		padding-left: 10px !important;
		padding-right: 10px !important;
		        color: #003557;
	}
	.menu-item-has-children .sub-menu li a::after {
		width: 10px;
		height: 10px;
		margin-left: -13px;
	}
	.menu-item-has-children>a span.sub-arrow{
		display: none !important;
	}
	.single-post h1 {
    	font-size: 22px !important;
	}
	.hover-overlay a:hover::after {
    transform: translateX(100%) translateY(-50%) !important;
   
	}
	.hover-overlay img {
    	height: 250px !important;
	}
	.post-template-default .elementor-widget-theme-post-featured-image.elementor-widget-image img {
		height: 100% !important;
	}
.phone-menu nav{
    margin-top:96px !important;
	height:100vh;
}
}
/* @media(max-width:991px){
	

} */
@media(max-width:767px){
	.home-slider .swiper-pagination-bullets {
		display: block !important;
	}
	.home-slider .elementor-swiper-button-next{
		display: none !important;
	}
	.home-slider .elementor-slide-description {
		text-align: center;
		margin-bottom: 0px;
	}
	.home-slider .elementor--h-position-right .swiper-slide-inner {
		justify-content: center;
	}
	footer ul.elementor-icon-list-items {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}


@media(max-width:550px){
	.hover-overlay a:hover::after {
		transform: translateX(90%) translateY(-50%);
	}
	.contrent-center .swiper-slide-inner {
		justify-content: center !important;
	}
}