/* Theme Name: Twenty Twenty-One Child Theme URI: https://wordpress.org/themes/twentytwentyone/ Template: twentytwentyone Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio Version: 2.4.1740035876 Updated: 2025-02-20 07:17:56 */ body{padding:0; margin:0; overflow-x:hidden; font-family:"Montserrat", Sans-serif; font-size:16px; font-weight:400; line-height:26px;} *{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;} p{padding:0 0 15px; margin:0;} p:last-child{padding: 0; margin:0;} p:empty{padding:0; margin:0;} button:focus{border: none !important; outline: none;} body{padding: 0; margin: 0; box-sizing: border-box;} ul, ol{margin: 0; padding: 0 0 0 20px;} h1, h2, h3, h4, h5, h6{margin: 0;} header{position:fixed; top:0; left:0; width:100%; z-index:999; box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;} header .header-inner{ background:#006837; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:56px 80px; position:relative;} header .header-inner .site-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } header .header-inner .header-nav{width:100%;} header .header-inner .header-nav nav .menu-button-container{display:none;} header .header-inner .header-nav nav ul{padding:0; margin:0; display:flex; justify-content:space-between; gap:40px;} header .header-inner .header-nav nav ul li{list-style-type:none;} header .header-inner .header-nav nav ul li:nth-child(2) {margin:0 auto 0 0;} header .header-inner .header-nav nav ul li a{color:#FFF; font-family:"Montserrat", Sans-serif; font-size:18px; font-weight:400; line-height:1em; position:relative; padding-bottom:4px;} header .header-inner .header-nav nav ul li a:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#FFF; transform: scaleX(0); transform-origin: bottom right; transition:transform 0.3s ease-in-out;} header .header-inner .header-nav nav ul li a:hover:before{ transform: scaleX(1); transform-origin:bottom left;} .site-content{margin-top:138px;} .tour-carousal .swiper-wrapper{align-items:stretch !important;} .tour-carousal .pp-info-box-container{overflow-x:hidden;} .tour-carousal .pp-info-box-container .pp-info-box{position:relative; padding-bottom:54px;} .tour-carousal .pp-info-box-container .pp-info-box:before{ content:""; position:absolute; bottom:54px; left:0; width:100%; height:1px; background:#E2E2E2;} .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-icon {position:relative; display:flex; padding-bottom:70%;} .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-icon img{width:100% !important; height:100% !important; position:absolute; top:0; left:0; object-fit:cover; object-position:top center;} .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-content{padding:32px 32px 0px 32px; } .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-description{padding-bottom:20px;} .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-subtitle{position:absolute; bottom:14px;} .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer{position:absolute; bottom:0; left:auto; right:0;} .tour-carousal .pp-info-box-container .pp-slider-arrow {top:0px !important; transform:translateY(-68px) !important; font-size:0px !important; width:44px; height:44px;} .tour-carousal .pp-info-box-container .pp-slider-arrow:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); background: url(../../../wp-content/uploads/2025/03/left-arrow.svg) no-repeat; background-size: contain; background-position: center center; width: 24px; height: 13px; transition:all 0.3s ease-in-out;} .tour-carousal .pp-info-box-container .pp-slider-arrow:hover:before{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(246deg) brightness(103%) contrast(103%);} .tour-carousal .pp-info-box-container .elementor-swiper-button-prev{ left:auto !important; right:64px !important;} .tour-carousal .pp-info-box-container .elementor-swiper-button-next:before{transform: translate(-50% ,-50%) rotate(180deg);} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-thumbnail a{position:relative; display:flex; padding-bottom:70%;} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-thumbnail a img{width:100% !important; height:100% !important; position:absolute; top:0; left:0; object-fit:cover; object-position:top center;} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-content-wrap{position:relative;} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-content-wrap .pp-post-content .pp-post-excerpt{padding-bottom:20px; border-bottom:solid 1px #E2E2E2;} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-content-wrap .pp-post-content .pp-post-meta{padding-top:15px;} .home-blog-post .pp-posts-container .pp-post-wrap .pp-post-content-wrap .pp-posts-button{position:absolute; bottom:0; left:auto; right:0;} .tnp-field label{display:none !important;} .tnp-field input:focus{outline:none;} .tnp-field .tnp-submit{cursor: pointer;} .tnp-form.tnp-profile{width:auto; margin:auto;} /* Video Pop-Up */ .video-popup-main { position: fixed; top: 50%; left: 50%; background: #000; z-index: 1000; padding: 20px; transform: translate(-50%, -50%); width: 90%; max-width: 600px; margin: auto; } .video-popup-main .popup-body .popup-header{ position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 100%; background: #009F50; display: flex; align-items: center; justify-content: center; font-size: 32px; } .video-popup-main .popup-video iframe{width:100%;} .video-popup-main .popup-body .popup-header a{color:#FFF;} .cnt-form form .frm-contact { display: flex; flex-wrap: wrap; gap: 24px; } .cnt-form form .frm-contact .field-half { width: calc(50% - 12px); box-sizing: border-box; } .cnt-form form .frm-contact .field-full { width: 100%; } .cnt-form form .frm-contact p { margin: 0; } .cnt-form form .frm-contact p label {display: none; } .cnt-form form .frm-contact p br {display: none; } .cnt-form form .frm-contact input, .cnt-form form .frm-contact textarea { background: #f9f9f9; width: 100%; box-sizing: border-box; padding: 15px 20px !important; border: none; outline: none; line-height: 1em; height: auto !important; border-radius: 0; font-size: 16px; font-family: "Montserrat",sans-serif; font-weight: 400; color: #000; box-shadow: none !important; } .cnt-form form .frm-contact input:focus, .cnt-form form .frm-contact textarea:focus { outline: none !important; border: none !important; } .cnt-form form .frm-contact input::placeholder, .cnt-form form .frm-contact textarea::placeholder { color: #000; } .cnt-form form .frm-contact textarea { height: 150px !important; resize: none; } .cnt-form form .frm-contact .btn-submit { width: 100%; } .cnt-form form .frm-contact .btn-submit p { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: flex-start; } .cnt-form form .frm-contact .btn-submit input { background: transparent; color: #009F50; text-transform: uppercase; border: solid 2px #009F50 !important; display: inline-block; transition: all 0.3s ease-in-out; max-width: 140px; font-weight: 600; cursor:pointer;} .cnt-form form .frm-contact .btn-submit input:hover { color: #FFF; background: #009F50; } footer {background:#121212;} footer .footer-row1{padding:100px 80px 50px;} footer .footer-row1 .footer-row-inner1{display:flex; justify-content:space-between; align-items:flex-start; gap:20px;} footer .footer-row1 .footer-row-inner1 .footer-col1 figure a img{width:100%; height:auto; max-width:200px;} footer .footer-row1 .footer-row-inner1 h3 { color: #FFF; padding: 0 0 20px 0; font-weight: 500; font-size: 24px; text-transform: uppercase; } footer .footer-row1 .footer-row-inner1 ul{padding:0; margin:0; display:flex; flex-direction:column; gap:15px;} footer .footer-row1 .footer-row-inner1 ul li{list-style-type:none;} footer .footer-row1 .footer-row-inner1 ul li, footer .footer-row1 .footer-row-inner1 ul li a{color:#FFF;} footer .footer-row1 .footer-row-inner1 ul li a:hover{color:#009F50;} footer .footer-row1 .footer-row-inner1 .footer-col4 ul{padding:0; margin:0; display:flex; flex-direction:row; gap:15px;} footer .footer-row1 .footer-row-inner1 .footer-col4 ul li a svg { transition: all 0.3s ease-in-out; width: 50px; height: 50px; background: #FFF; padding: 15px; } footer .footer-row1 .footer-row-inner1 .footer-col4 ul li a svg path{ transition: all 0.3s ease-in-out; } footer .footer-row1 .footer-row-inner1 .footer-col4 ul li a svg:hover{background:#009F50; fill:#FFF;} footer .footer-row1 .footer-row-inner1 .footer-col4 ul li a svg:hover path{ fill:#FFF;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription {margin:0 0 20px; position:relative;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form{position:relative;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-email label{display:none;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-email input{font-family:"Montserrat", Sans-serif; font-size:16px; font-weight:400; line-height:1.2em; color:#FFF; width:100%; box-sizing:border-box; background:#ffffff0d; padding:18px 24px; outline:none;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-email input::placeholder{color:#FFF;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-button { position: absolute; top: 0; left: auto; right: 54px; cursor:pointer;} footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-button { position: absolute; top: 0; left: auto; right: 0; transform: translate(0px, 0px); height: 100%; width: 50px; } footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-button:before { content: ""; background: url(https://experienceberlintours.com/wp-content/uploads/2025/03/email-btn-icon.png) no-repeat; background-size: contain; background-position: top center; position: absolute; width: 24px; height: 24px; transform: translate(-50%, -50%); top: 50%; left: 50%; } footer .footer-row1 .footer-row-inner1 .footer-col4 .tnp-subscription form .tnp-field-button .tnp-submit { width: 50px; font-size: 0; border: none; height: 100% !important; background:transparent; cursor:pointer;} footer .footer-row2{ padding:20px 80px; border-top:solid 1px #ffffff1a;} footer .footer-row2 .footer-row-inner2{display:flex; justify-content:space-between; gap:20px;} footer .footer-row2 .footer-row-inner2 p{color:#FFF;} footer .footer-row2 .footer-row-inner2 .footer-bottom aside{color:#FFF;} footer .footer-row2 .footer-row-inner2 .footer-bottom a{color:#FFF;} footer .footer-row2 .footer-row-inner2 .footer-bottom a:hover{color:#009F50;} /* Blog Page */ .section-white { padding:100px 20px;} .section-white .container { max-width:1280px; margin:auto;} .section-white .home-blog {display:flex; justify-content:flex-start; align-items:stretch; gap:30px; flex-wrap:wrap;} .section-white .home-blog .blog-box{width:calc(33.33% - 20px); position:relative; padding-bottom:54px;} .section-white .home-blog .blog-box:before{content:""; position:absolute; bottom:54px; left:0; width:100%; height:1px; background:#E2E2E2; } .section-white .home-blog .blog-box .img-link a{position:relative; display:flex; padding-bottom:70%; margin-bottom:20px;} .section-white .home-blog .blog-box .img-link a img{width:100% !important; height:100% !important; position:absolute; top:0; left:0; object-fit:cover; object-position:top center;} .section-white .home-blog .blog-box .post-detail .post-tit { font-family: "Montserrat", Sans-serif; font-size: 20px; font-weight: 500; text-transform: none; font-style: normal; text-decoration: none; line-height: 30px; margin-bottom: 10px; } .section-white .home-blog .blog-box .post-detail .post-tit a{color:#121212;} .section-white .home-blog .blog-box .post-detail .post-tit a:hover{color:#009F50;} .section-white .home-blog .blog-box .post-detail .post-content{padding-bottom:20px;} .section-white .home-blog .blog-box .post-detail .date { position: absolute; bottom: 14px; font-weight:700;} .section-white .home-blog .blog-box .post-detail .read-link{position:absolute; bottom:0; left:auto; right:0;} .section-white .home-blog .blog-box .post-detail .read-link a { color: #FFF; background-color: #009F50; border-radius: 0px; padding: 14px 32px; font-weight: 700; display: inline-block; } .section-white .home-blog .blog-box .post-detail .read-link a:hover{background-color:#000;} .section-white .home-blog .navigation{width:100%; } .section-white .home-blog .navigation ol{display:flex; justify-content:center; gap:10px;} .section-white .home-blog .navigation ol li span, .section-white .home-blog .navigation ol li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #000; color: #FFF; font-weight: 700; border: none; margin:0 0 0 0;} .section-white .home-blog .navigation ol li a:hover, .section-white .home-blog .navigation ol li span.current{background:#009F50;} @media (max-width: 1024px) { #rmp_menu_trigger-222{right:20px !important;} #rmp_menu_trigger-222:hover, #rmp_menu_trigger-222:focus{text-decoration:none; outline:none !important;} header .header-inner { padding: 20px; } header .header-inner .site-logo { position: relative; top: 0; left: 0; transform: none;} header .header-inner .header-nav { display:none; } footer .footer-row1 { padding: 70px 20px 50px; } footer .footer-row1 .footer-row-inner1 { gap: 20px 0; flex-wrap: wrap; } footer .footer-row1 .footer-row-inner1 > div{width:50%;} footer .footer-row1 .footer-row-inner1 ul{ gap:10px; } footer .footer-row1 .footer-row-inner1 .footer-col4 ul li a svg { width: 40px; height: 40px; padding: 12px; } footer .footer-row2{padding:20px;} footer .footer-row2 .footer-row-inner2 { gap: 10px; flex-direction: column; align-items: center; } .section-white .container { padding:70px 20px;} .section-white .home-blog .blog-box{width:calc(50% - 15px);} } @media (max-width: 767px) { .tour-carousal .pp-info-box-container .pp-info-box .pp-info-box-content { padding: 20px 20px 0px 20px; } .tour-carousal .pp-info-box-container .pp-slider-arrow { top: 50% !important; transform: translateY(-50%) !important; background-color:#12121229 !important; width:30px; height:30px; } .tour-carousal .pp-info-box-container .elementor-swiper-button-next{right:-10px !important;} .tour-carousal .pp-info-box-container .elementor-swiper-button-prev { left: -10px !important; right: auto !important; } footer .footer-row1 { padding: 50px 20px; } footer .footer-row1 .footer-row-inner1 > div{width:100%;} footer .footer-row2 .footer-row-inner2 p { text-align: center; } .section-white .container { padding:50px 20px;} .section-white .home-blog .blog-box{width:100%;} }