body.blue-support #main-menu>li>a,body.blue-support #main-menu>li.extra>a{color:#0066b2}body.blue-support #breadcrumbs a{color:#0066b2}body.blue-support #items-archive .item-archive .lees-meer a{color:#0066b2}body.blue-support .zoekresultaten .item-zoekresultaten a{color:#0066b2}body.blue-support .gb-two-columns .col-headerimage .btn{background-color:#0066b2 !important}body.blue-support .gb-featured-items .btn{background:#0066b2 !important}body.blue-support .gb-featured-items .tekst ul li:hover:before{color:#0066b2}body.blue-support .gb-featured-items .tekst ul li a:hover{color:#0066b2}body.blue-support .gb-news-items .news-item .lees-meer{color:#0066b2}body.blue-support .gb-news-items .meer-nieuws{background-color:#0066b2}body.blue-support .widget_calendar #container-calendar .calendar-nav{background-color:#0066b2}body.blue-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#0066b2}body.green-support #main-menu>li>a,body.green-support #main-menu>li.extra>a{color:#00a551}body.green-support #breadcrumbs a{color:#00a551}body.green-support #items-archive .item-archive .lees-meer a{color:#00a551}body.green-support .zoekresultaten .item-zoekresultaten a{color:#00a551}body.green-support .gb-two-columns .col-headerimage .btn{background-color:#00a551 !important}body.green-support .gb-featured-items .btn{background:#00a551 !important}body.green-support .gb-featured-items .tekst ul li:hover:before{color:#00a551}body.green-support .gb-featured-items .tekst ul li a:hover{color:#00a551}body.green-support .gb-news-items .news-item .lees-meer{color:#00a551}body.green-support .gb-news-items .meer-nieuws{background-color:#00a551}body.green-support .widget_calendar #container-calendar .calendar-nav{background-color:#00a551}body.green-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#00a551}body.red-support #main-menu>li>a,body.red-support #main-menu>li.extra>a{color:#e1071a}body.red-support #breadcrumbs a{color:#e1071a}body.red-support #items-archive .item-archive .lees-meer a{color:#e1071a}body.red-support .zoekresultaten .item-zoekresultaten a{color:#e1071a}body.red-support .gb-two-columns .col-headerimage .btn{background-color:#e1071a !important}body.red-support .gb-featured-items .btn{background:#e1071a !important}body.red-support .gb-featured-items .tekst ul li:hover:before{color:#e1071a}body.red-support .gb-featured-items .tekst ul li a:hover{color:#e1071a}body.red-support .gb-news-items .news-item .lees-meer{color:#e1071a}body.red-support .gb-news-items .meer-nieuws{background-color:#e1071a}body.red-support .widget_calendar #container-calendar .calendar-nav{background-color:#e1071a}body.red-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#e1071a}body.yellow-support #main-menu>li>a,body.yellow-support #main-menu>li.extra>a{color:#fcdd17;color:#f6d503;font-weight:400}body.yellow-support #breadcrumbs a{color:#fcdd17}body.yellow-support #items-archive .item-archive .lees-meer a{color:#fcdd17}body.yellow-support .zoekresultaten .item-zoekresultaten a{color:#fcdd17}body.yellow-support .gb-two-columns .col-headerimage .btn{background-color:#fcdd17 !important}body.yellow-support .gb-featured-items .btn{background:#fcdd17 !important}body.yellow-support .gb-featured-items .tekst ul li:hover:before{color:#fcdd17}body.yellow-support .gb-featured-items .tekst ul li a:hover{color:#fcdd17}body.yellow-support .gb-news-items .news-item .lees-meer{color:#fcdd17;color:#f6d503;font-weight:bold}body.yellow-support .gb-news-items .meer-nieuws{background-color:#fcdd17}body.yellow-support .widget_calendar #container-calendar .calendar-nav{background-color:#fcdd17}body.yellow-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#fcdd17}body.orange-support #main-menu>li>a,body.orange-support #main-menu>li.extra>a{color:#f2940a}body.orange-support #breadcrumbs a{color:#f2940a}body.orange-support #items-archive .item-archive .lees-meer a{color:#f2940a}body.orange-support .zoekresultaten .item-zoekresultaten a{color:#f2940a}body.orange-support .gb-two-columns .col-headerimage .btn{background-color:#f2940a !important}body.orange-support .gb-featured-items .btn{background:#f2940a !important}body.orange-support .gb-featured-items .tekst ul li:hover:before{color:#f2940a}body.orange-support .gb-featured-items .tekst ul li a:hover{color:#f2940a}body.orange-support .gb-news-items .news-item .lees-meer{color:#f2940a}body.orange-support .gb-news-items .meer-nieuws{background-color:#f2940a}body.orange-support .widget_calendar #container-calendar .calendar-nav{background-color:#f2940a}body.orange-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#f2940a}body.purple-support #main-menu>li>a,body.purple-support #main-menu>li.extra>a{color:#921c7f}body.purple-support #breadcrumbs a{color:#921c7f}body.purple-support #items-archive .item-archive .lees-meer a{color:#921c7f}body.purple-support .zoekresultaten .item-zoekresultaten a{color:#921c7f}body.purple-support .gb-two-columns .col-headerimage .btn{background-color:#921c7f !important}body.purple-support .gb-featured-items .btn{background:#921c7f !important}body.purple-support .gb-featured-items .tekst ul li:hover:before{color:#921c7f}body.purple-support .gb-featured-items .tekst ul li a:hover{color:#921c7f}body.purple-support .gb-news-items .news-item .lees-meer{color:#921c7f}body.purple-support .gb-news-items .meer-nieuws{background-color:#921c7f}body.purple-support .widget_calendar #container-calendar .calendar-nav{background-color:#921c7f}body.purple-support .widget_calendar #container-calendar ul.datums .vandaag span{background-color:#921c7f}body.green-main h1.titel{color:#00a551}body.green-main a,body.green-main code{color:#00a551}body.green-main hr{border-color:#00a551}body.green-main #main-menu>li>a:hover,body.green-main #main-menu>li.extra>a:hover{color:#00a551}body.green-main #main-menu>li>a:before,body.green-main #main-menu>li.extra>a:before{background-color:#00a551}body.green-main .sub-menu li a:hover{color:#00a551}body.green-main #frm-zoek button[type="submit"]:hover{background-color:#00a551;border-color:#00a551}body.green-main .archive h1{color:#00a551}body.green-main #items-archive .item-archive h2{color:#00a551}body.green-main .gb-callout{background-color:#00a551;border-bottom-color:#00a551}body.green-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-green-main.png);border-bottom-color:#00a551}body.green-main .gb-two-columns .col-headerimage{background-color:rgba(0,165,81,0.2)}body.green-main .gb-two-columns .col-wysiwyg{border-color:#00a551}body.green-main .gb-two-columns .col-wysiwyg h2{color:#00a551}body.green-main .gb-featured-items h5{color:#00a551}body.green-main .gb-featured-items .tekst ul li a{color:#00a551}body.green-main .gb-featured-items .tekst ul li:before{color:#00a551}body.green-main .gb-news-items h4{color:#00a551}body.green-main .gb-news-items .news-item h5{background-color:#00a551}body.green-main .gb-news-items .news-item .lees-meer:hover{color:#00a551}body.green-main .widget_calendar #container-calendar ul.datums .future a.event,body.green-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#cbffe5;color:#00a551}body.green-main #footer{background-color:#00a551;border-bottom-color:#00a551}body.green-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-green-main.png);border-bottom-color:#00a551}body.blue-main h1.titel{color:#0066b2}body.blue-main a,body.blue-main code{color:#0066b2}body.blue-main hr{border-color:#0066b2}body.blue-main #main-menu>li>a:hover,body.blue-main #main-menu>li.extra>a:hover{color:#0066b2}body.blue-main #main-menu>li>a:before,body.blue-main #main-menu>li.extra>a:before{background-color:#0066b2}body.blue-main .sub-menu li a:hover{color:#0066b2}body.blue-main #frm-zoek button[type="submit"]:hover{background-color:#0066b2;border-color:#0066b2}body.blue-main .archive h1{color:#0066b2}body.blue-main #items-archive .item-archive h2{color:#0066b2}body.blue-main .gb-callout{background-color:#0066b2;border-bottom-color:#0066b2}body.blue-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-blue-main.png);border-bottom-color:#0066b2}body.blue-main .gb-two-columns .col-headerimage{background-color:rgba(0,102,178,0.2)}body.blue-main .gb-two-columns .col-wysiwyg{border-color:#0066b2}body.blue-main .gb-two-columns .col-wysiwyg h2{color:#0066b2}body.blue-main .gb-featured-items h5{color:#0066b2}body.blue-main .gb-featured-items .tekst ul li a{color:#0066b2}body.blue-main .gb-featured-items .tekst ul li:before{color:#0066b2}body.blue-main .gb-news-items h4{color:#0066b2}body.blue-main .gb-news-items .news-item h5{background-color:#0066b2}body.blue-main .gb-news-items .news-item .lees-meer:hover{color:#0066b2}body.blue-main .widget_calendar #container-calendar ul.datums .future a.event,body.blue-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#cce9ff;color:#0066b2}body.blue-main #footer{background-color:#0066b2;border-bottom-color:#0066b2}body.blue-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-blue-main.png);border-bottom-color:#0066b2}body.red-main h1.titel{color:#e1071a}body.red-main a,body.red-main code{color:#e1071a}body.red-main hr{border-color:#e1071a}body.red-main #main-menu>li>a:hover,body.red-main #main-menu>li.extra>a:hover{color:#e1071a}body.red-main #main-menu>li>a:before,body.red-main #main-menu>li.extra>a:before{background-color:#e1071a}body.red-main .sub-menu li a:hover{color:#e1071a}body.red-main #frm-zoek button[type="submit"]:hover{background-color:#e1071a;border-color:#e1071a}body.red-main .archive h1{color:#e1071a}body.red-main #items-archive .item-archive h2{color:#e1071a}body.red-main .gb-callout{background-color:#e1071a;border-bottom-color:#e1071a}body.red-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-red-main.png);border-bottom-color:#e1071a}body.red-main .gb-two-columns .col-headerimage{background-color:rgba(225,7,26,0.2)}body.red-main .gb-two-columns .col-wysiwyg{border-color:#e1071a}body.red-main .gb-two-columns .col-wysiwyg h2{color:#e1071a}body.red-main .gb-featured-items h5{color:#e1071a}body.red-main .gb-featured-items .tekst ul li a{color:#e1071a}body.red-main .gb-featured-items .tekst ul li:before{color:#e1071a}body.red-main .gb-news-items h4{color:#e1071a}body.red-main .gb-news-items .news-item h5{background-color:#e1071a}body.red-main .gb-news-items .news-item .lees-meer:hover{color:#e1071a}body.red-main .widget_calendar #container-calendar ul.datums .future a.event,body.red-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#fed0d4;color:#e1071a}body.red-main #footer{background-color:#e1071a;border-bottom-color:#e1071a}body.red-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-red-main.png);border-bottom-color:#e1071a}body.yellow-main h1.titel{color:#fcdd17}body.yellow-main a,body.yellow-main code{color:#fcdd17}body.yellow-main hr{border-color:#fcdd17}body.yellow-main #main-menu>li>a:hover,body.yellow-main #main-menu>li.extra>a:hover{color:#fcdd17}body.yellow-main #main-menu>li>a:before,body.yellow-main #main-menu>li.extra>a:before{background-color:#fcdd17}body.yellow-main .sub-menu li a:hover{color:#fcdd17}body.yellow-main #frm-zoek button[type="submit"]:hover{background-color:#fcdd17;border-color:#fcdd17}body.yellow-main .archive h1{color:#fcdd17}body.yellow-main #items-archive .item-archive h2{color:#fcdd17}body.yellow-main .gb-callout{background-color:#fcdd17;border-bottom-color:#fcdd17}body.yellow-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-yellow-main.png);border-bottom-color:#fcdd17}body.yellow-main .gb-two-columns .col-headerimage{background-color:rgba(252,221,23,0.2)}body.yellow-main .gb-two-columns .col-wysiwyg{border-color:#fcdd17}body.yellow-main .gb-two-columns .col-wysiwyg h2{color:#fcdd17}body.yellow-main .gb-featured-items h5{color:#fcdd17}body.yellow-main .gb-featured-items .tekst ul li a{color:#fcdd17}body.yellow-main .gb-featured-items .tekst ul li:before{color:#fcdd17}body.yellow-main .gb-news-items h4{color:#fcdd17}body.yellow-main .gb-news-items .news-item h5{background-color:#fcdd17}body.yellow-main .gb-news-items .news-item .lees-meer:hover{color:#fcdd17}body.yellow-main .widget_calendar #container-calendar ul.datums .future a.event,body.yellow-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#fffbe0;color:#fcdd17}body.yellow-main #footer{background-color:#fcdd17;border-bottom-color:#fcdd17}body.yellow-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-yellow-main.png);border-bottom-color:#fcdd17}body.orange-main h1.titel{color:#f2940a}body.orange-main a,body.orange-main code{color:#f2940a}body.orange-main hr{border-color:#f2940a}body.orange-main #main-menu>li>a:hover,body.orange-main #main-menu>li.extra>a:hover{color:#f2940a}body.orange-main #main-menu>li>a:before,body.orange-main #main-menu>li.extra>a:before{background-color:#f2940a}body.orange-main .sub-menu li a:hover{color:#f2940a}body.orange-main #frm-zoek button[type="submit"]:hover{background-color:#f2940a;border-color:#f2940a}body.orange-main .archive h1{color:#f2940a}body.orange-main #items-archive .item-archive h2{color:#f2940a}body.orange-main .gb-callout{background-color:#f2940a;border-bottom-color:#f2940a}body.orange-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-orange-main.png);border-bottom-color:#f2940a}body.orange-main .gb-two-columns .col-headerimage{background-color:rgba(242,148,10,0.2)}body.orange-main .gb-two-columns .col-wysiwyg{border-color:#f2940a}body.orange-main .gb-two-columns .col-wysiwyg h2{color:#f2940a}body.orange-main .gb-featured-items h5{color:#f2940a}body.orange-main .gb-featured-items .tekst ul li a{color:#f2940a}body.orange-main .gb-featured-items .tekst ul li:before{color:#f2940a}body.orange-main .gb-news-items h4{color:#f2940a}body.orange-main .gb-news-items .news-item h5{background-color:#f2940a}body.orange-main .gb-news-items .news-item .lees-meer:hover{color:#f2940a}body.orange-main .widget_calendar #container-calendar ul.datums .future a.event,body.orange-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#fde9cb;color:#f2940a}body.orange-main #footer{background-color:#f2940a;border-bottom-color:#f2940a}body.orange-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-orange-main.png);border-bottom-color:#f2940a}body.purple-main h1.titel{color:#921c7f}body.purple-main a,body.purple-main code{color:#921c7f}body.purple-main hr{border-color:#921c7f}body.purple-main #main-menu>li>a:hover,body.purple-main #main-menu>li.extra>a:hover{color:#921c7f}body.purple-main #main-menu>li>a:before,body.purple-main #main-menu>li.extra>a:before{background-color:#921c7f}body.purple-main .sub-menu li a:hover{color:#921c7f}body.purple-main #frm-zoek button[type="submit"]:hover{background-color:#921c7f;border-color:#921c7f}body.purple-main .archive h1{color:#921c7f}body.purple-main #items-archive .item-archive h2{color:#921c7f}body.purple-main .gb-callout{background-color:#921c7f;border-bottom-color:#921c7f}body.purple-main .gb-callout:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline-purple-main.png);border-bottom-color:#921c7f}body.purple-main .gb-two-columns .col-headerimage{background-color:rgba(146,28,127,0.2)}body.purple-main .gb-two-columns .col-wysiwyg{border-color:#921c7f}body.purple-main .gb-two-columns .col-wysiwyg h2{color:#921c7f}body.purple-main .gb-featured-items h5{color:#921c7f}body.purple-main .gb-featured-items .tekst ul li a{color:#921c7f}body.purple-main .gb-featured-items .tekst ul li:before{color:#921c7f}body.purple-main .gb-news-items h4{color:#921c7f}body.purple-main .gb-news-items .news-item h5{background-color:#921c7f}body.purple-main .gb-news-items .news-item .lees-meer:hover{color:#921c7f}body.purple-main .widget_calendar #container-calendar ul.datums .future a.event,body.purple-main .widget_calendar #container-calendar ul.datums .vandaag a.event{background-color:#fae6f7;color:#921c7f}body.purple-main #footer{background-color:#921c7f;border-bottom-color:#921c7f}body.purple-main #footer:before{background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer-purple-main.png);border-bottom-color:#921c7f}#container-slider #slider li,#banner,#items-archive .item-archive .beeld,.gb-featured-items .featured-item .beeld,.gb-news-items .news-items .news-item .beeld,.gb-two-columns .col-headerimage .beeld{background-position:center center;background-repeat:no-repeat;background-size:cover}#items-archive .item-archive .samenvatting,.gb-news-items .news-items .news-item .tekst{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.gallery .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-1 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-2 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-3 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-5 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-6 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-7 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-8 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-9 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-10 .gallery-item img{font-family:'object-fit: cover; object-position: bottom;';-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}#sidebar .widget img{height:auto;max-width:100%}.single-format-link .item-body a:before,.single-format-quote .item-body blockquote:before,.single-format-chat .item-body p:after{font-family:'FontAwesome';padding:0 1rem}ol li,ul li,p,h1,h2,h3,h4,h5,h6{-ms-word-wrap:break-word;word-wrap:break-word}body{color:#222;font-family:"Poppins",sans-serif;font-weight:300}#items-archive .item-archive .lees-meer a{color:#00a551}#items-archive .item-archive .lees-meer a:after{content:' >'}#items-archive .item-archive .lees-meer a:hover{color:#0066b2}#sidebar .widget input[type="submit"],.gb-featured-items .featured-item .btn,.gb-news-items .meer-nieuws,.gb-callout .callout .btn,.gb-two-columns .knop .btn,.wpcf7 form button[type="submit"],.wpcf7 form input[type="submit"]{align-items:center;background-color:black;border-radius:50px;color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);color:white;cursor:pointer;font-weight:600;line-height:1.2em;margin:0;padding:12px 30px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all 0.2s ease-in-out}#sidebar .widget input.blauw[type="submit"],.gb-featured-items .featured-item .blauw.btn,.gb-news-items .blauw.meer-nieuws,.gb-callout .callout .blauw.btn,.gb-two-columns .knop .blauw.btn,.wpcf7 form button.blauw[type="submit"],.wpcf7 form input.blauw[type="submit"]{background-color:#0066b2}#sidebar .widget input.groen[type="submit"],.gb-featured-items .featured-item .groen.btn,.gb-news-items .groen.meer-nieuws,.gb-callout .callout .groen.btn,.gb-two-columns .knop .groen.btn,.wpcf7 form button.groen[type="submit"],.wpcf7 form input.groen[type="submit"]{background-color:#00a551}#sidebar .widget input.zwart[type="submit"],.gb-featured-items .featured-item .zwart.btn,.gb-news-items .zwart.meer-nieuws,.gb-callout .callout .zwart.btn,.gb-two-columns .knop .zwart.btn,.wpcf7 form button.zwart[type="submit"],.wpcf7 form input.zwart[type="submit"]{background-color:black}#sidebar .widget input[type="submit"]:hover,.gb-featured-items .featured-item .btn:hover,.gb-news-items .meer-nieuws:hover,.gb-callout .callout .btn:hover,.gb-two-columns .knop .btn:hover,.wpcf7 form button[type="submit"]:hover,.wpcf7 form input[type="submit"]:hover{color:white}.gb-news-items .meer-nieuws:after,#sidebar .widget input[type="submit"]:after,.gb-featured-items .featured-item .btn:after,.gb-news-items .meer-nieuws:after,.gb-callout .callout .btn:after,.gb-two-columns .knop .btn:after,.wpcf7 form button[type="submit"]:after,.wpcf7 form input[type="submit"]:after{border-style:solid;border-width:2px 2px 0 0;content:'';display:inline-block;height:0.8em;margin-left:20px;position:relative;transform:rotate(45deg);transition:all 0.3s ease;vertical-align:top;width:0.8em}.gb-news-items .meer-nieuws:hover:after,#sidebar .widget input[type="submit"]:hover:after,.gb-featured-items .featured-item .btn:hover:after,.gb-news-items .meer-nieuws:hover:after,.gb-callout .callout .btn:hover:after,.gb-two-columns .knop .btn:hover:after,.wpcf7 form button[type="submit"]:hover:after,.wpcf7 form input[type="submit"]:hover:after{color:white;margin-left:30px;margin-right:-10px}@font-face{font-family:'Urban Jungle';src:local("UrbanJungle"),url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/fonts/UrbanJungle.otf) format("opentype"),url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/fonts/UrbanJungle.ttf) format("truetype"),url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/fonts/UrbanJungle.woff) format("woff"),url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/fonts/UrbanJungle.woff2) format("woff2");font-style:normal;font-weight:normal}html *{box-sizing:border-box;font-size:16px;position:relative}body{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-font-smoothing:antialiased;-ms-box-sizing:border-box;box-sizing:border-box}body.custom-background{background-size:cover !important}a{color:#0066b2;text-decoration:underline}*:focus{outline:none}*::-moz-focus-outer{border:0}h1,h2,h3,h4,h5,h6{margin:1rem 0 .5rem 0}code{color:#00a551;display:inline-block;padding:1rem 0}p{font-size:1.125rem;line-height:190%}strong{font-weight:700}hr{border:none;border-bottom:4px dotted #00a551;height:1px;margin:2rem 0}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}blockquote{padding:2rem}blockquote p{margin:0}object,embed,iframe,video{max-width:100%;width:100%}span.youtube,span.you-tube,span.vimeo{clear:both;display:block;position:relative;height:0;overflow:hidden;text-align:center;padding-bottom:56.25%;padding-top:2rem}span.youtube iframe,span.youtube embed,span.youtube object,span.you-tube iframe,span.you-tube embed,span.you-tube object,span.vimeo iframe,span.vimeo embed,span.vimeo object{position:absolute;left:0;top:0;height:100%;width:100%}@-webkit-keyframes animatedBackground{0%{background-position:0 0}100%{background-position:9999em 0}}@keyframes animatedBackground{0%{background-position:0 0}100%{background-position:9999em 0}}@-webkit-keyframes slideInMenu{0%{right:-1000px}100%{right:0;display:block}}@keyframes slideInMenu{0%{right:-1000px}100%{right:0;display:block}}@-webkit-keyframes slideOutMenu{0%{right:0}100%{right:-1000px;display:none}}@keyframes slideOutMenu{0%{right:0}100%{right:-1000px;display:none}}h1,h2,h3,h4,h5,h6{color:#222;font-family:"Roboto Slab",sans-serif;font-weight:700}h1{font-size:2.5rem}h1.titel{color:#00a551}h2{font-size:2rem}h3{font-size:1.6rem}h4,h5,h6{font-size:1.28rem}::-webkit-input-placeholder{font-size:.9rem;font-style:italic}:-moz-placeholder{font-size:.9rem;font-style:italic}::-moz-placeholder{font-size:.9rem;font-style:italic}:-ms-input-placeholder{font-size:.9rem;font-style:italic}.wpcf7{background-color:#fbfbfb;border:1px solid #eee;padding:2rem;text-align:center;width:100%}.wpcf7 form{text-align:left;margin:0 auto;width:80%}.wpcf7 form label{margin-top:1rem;width:100%}.wpcf7 form input[type="text"],.wpcf7 form input[type="email"],.wpcf7 form input[type="password"],.wpcf7 form textarea{border:1px solid #eee;padding:.5rem;width:100%}.wpcf7 form button[type="submit"],.wpcf7 form input[type="submit"]{float:right}@media only screen and (max-width: 1024px){.wpcf7 form{width:100%}}.gb-two-columns{display:grid;grid-gap:2rem;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:2rem 0}.gb-two-columns .col-headerimage,.gb-two-columns .col-wysiwyg{display:grid;align-items:start;grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.gb-two-columns .col-headerimage ul li,.gb-two-columns .col-wysiwyg ul li{font-size:1.125rem;line-height:190%}.gb-two-columns .col-headerimage{background-color:#cceddc}.gb-two-columns .col-headerimage .beeld{height:350px}.gb-two-columns .col-headerimage .beeld h4{color:white;font-size:2rem;padding:2rem;text-shadow:2px 2px 2px rgba(0,0,0,0.5)}.gb-two-columns .col-headerimage .tekst{align-self:stretch;font-size:1.125rem;line-height:190%;padding:2rem}.gb-two-columns .col-wysiwyg{border:0.125rem solid #00a551;grid-template-rows:4rem auto 5rem}.gb-two-columns .col-wysiwyg h4{font-size:2rem;overflow:hidden;padding:2rem;text-overflow:ellipsis;white-space:nowrap}.gb-two-columns .col-wysiwyg .content{padding:2rem}.gb-two-columns .col-wysiwyg .content h1,.gb-two-columns .col-wysiwyg .content h2,.gb-two-columns .col-wysiwyg .content h3,.gb-two-columns .col-wysiwyg .content h4{color:#00a551;font-size:2rem}.gb-two-columns .knop{align-self:end;padding:0 2rem 2rem 2rem}@media only screen and (max-width: 1024px){.gb-two-columns{grid-template-columns:1fr}}.gb-callout{background-color:#00a551;margin:2rem 0}.gb-callout:before{background-color:white;background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-skyline.png);background-position:top center;background-repeat:repeat-x;border-bottom:4rem solid #00a551;content:'';display:block;height:400px;width:100%;-webkit-animation:animatedBackground 10000s linear infinite;animation:animatedBackground 10000s linear infinite}.gb-callout .callout{color:white;display:grid;grid-gap:2rem;grid-template-areas:"beeld content";grid-template-columns:1fr 2fr;grid-template-rows:auto;margin-bottom:2rem;margin-top:-250px}.gb-callout .callout .beeld{grid-area:beeld}.gb-callout .callout .content{grid-area:content}.gb-callout .callout h5{color:white;display:block;font-family:'Roboto Slab';font-size:2rem;font-weight:700;grid-area:titel}@media only screen and (max-width: 1024px){.gb-callout .callout{grid-template-areas:"beeld" "content";grid-template-columns:1fr}.gb-callout .callout .beeld{text-align:center}}.gb-news-items{margin:2rem 0}.gb-news-items a{color:#00a551;text-decoration:none}.gb-news-items a h4{color:inherit;font-size:2rem}.gb-news-items a:hover{color:#0066b2}.gb-news-items .news-items{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:auto;margin:2rem 0}.gb-news-items .news-items .news-item a{text-decoration:none}.gb-news-items .news-items .news-item .titel{display:grid;grid-template-areas:"beeld" "titel";grid-template-columns:1fr;grid-template-rows:200px minmax(100px, 150px)}.gb-news-items .news-items .news-item h5{background-color:#00a551;color:white;display:block;font-family:'Roboto Slab';font-size:1.65rem;font-weight:700;grid-area:titel;margin:0;padding:1rem}.gb-news-items .news-items .news-item .beeld{grid-area:beeld;height:200px;width:100%}.gb-news-items .news-items .news-item .datum{bottom:0;color:white;font-weight:700;left:0;padding:1rem;position:absolute;text-shadow:1px 1px 0 black}.gb-news-items .news-items .news-item .tekst{font-size:1.125rem;line-height:190%;margin:2rem 0}.gb-news-items .news-items .news-item .lees-meer{color:#00a551}.gb-news-items .news-items .news-item .lees-meer:after{content:' >'}.gb-news-items .news-items .news-item .lees-meer:hover{color:#0066b2}.gb-news-items .meer-nieuws{background-color:#0066b2}.gb-featured-items{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:auto;margin:2rem 0}.gb-featured-items .featured-item{display:grid;grid-template-columns:100%;grid-template-rows:minmax(20px, 80px) 200px auto 60px}.gb-featured-items .featured-item a{text-decoration:none}.gb-featured-items .featured-item h5{color:#00a551;font-family:'Roboto Slab';font-size:2.5rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-featured-items .featured-item .beeld{height:200px;margin-bottom:1rem;width:100%}.gb-featured-items .featured-item .tekst{font-size:1.125rem;line-height:190%;margin-top:1rem}.gb-featured-items .featured-item .tekst ul{padding:0}.gb-featured-items .featured-item .tekst ul li{list-style:none;margin-bottom:1rem}.gb-featured-items .featured-item .tekst ul li:before{align-items:center;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);content:'>';display:inline-flex;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.gb-featured-items .featured-item .btn{margin-top:1rem}.gb-gmap .gm-style>div{position:unset !important}.gb-gmap .gm-style-cc{z-index:1}#container-nav{align-items:center;display:grid;grid-area:menu;grid-template-areas:"mainmenu hamburger";grid-template-columns:1fr 60px;grid-template-rows:auto;height:80px;justify-items:end}#container-nav.menu-side li.notify{color:#e1071a}#container-nav.menu-side li.notify a{color:#e1071a}#container-nav.menu-side li.notify a:before{display:none}#container-nav.menu-side li.notify a:hover{color:#e1071a}#container-nav.menu-side li.notify i{float:left;margin-right:.5rem}#container-nav.menu-side .menu-label .extra{padding-left:.5rem}@media only screen and (min-width: 1025px){#container-nav.menu-side{display:grid;grid-area:menu;grid-template-areas:"hamburger" "mainmenu";grid-template-columns:minmax(300px, 500px);grid-template-rows:80px auto;justify-content:end;height:auto;padding:0}#container-nav.menu-side #mobile-menu{display:block;position:fixed;right:0;top:0;z-index:2}#container-nav.menu-side #main-menu{align-content:start;background-color:white;bottom:0;box-shadow:10px 0 15px 0 rgba(0,0,0,0.75);display:grid;font-size:1rem;grid-template-columns:1fr;grid-template-rows:auto;height:100vh;justify-items:start;min-height:100vh;overflow-x:hidden;overflow-y:scroll;padding:0 1rem;position:fixed;right:-1000px;top:0;transform:scale(1, 1);width:clamp(250px, 400px, 100%);z-index:1}#container-nav.menu-side #main-menu>li{display:block;margin:0;width:100%}#container-nav.menu-side #main-menu>li:first-of-type{margin-top:80px}#container-nav.menu-side #main-menu>li a{padding:.25rem 0}#container-nav.menu-side #main-menu .sub-menu{-webkit-animation:none;animation:none;border-bottom:none;box-shadow:none;display:block;left:auto;max-width:none;padding:0;position:relative;top:auto;width:100%}#container-nav.menu-side #main-menu.hide-mobile{-webkit-animation:slideOutMenu 250ms ease-in-out;animation:slideOutMenu 250ms ease-in-out}#container-nav.menu-side #main-menu.mobile{-webkit-animation:slideInMenu 250ms ease-in;animation:slideInMenu 250ms ease-in;right:0}}#container-nav.menu-top{grid-template-columns:1fr 0px}#container-nav.menu-top li.extra a{padding:.5rem}#container-nav.menu-top li.extra a i{font-size:1.5rem}#container-nav.menu-top li.extra a:before{display:none}#container-nav.menu-top li.extra a:hover{color:#00a551}#container-nav.menu-top li.notify{color:#e1071a}#container-nav.menu-top li.notify a{color:#e1071a}#container-nav.menu-top li.notify a:before{display:none}#container-nav.menu-top li.notify a:hover{color:#e1071a}@media only screen and (max-width: 1399px){#container-nav.menu-top li.notify span{display:none}}@media only screen and (max-width: 1024px){#container-nav.menu-top li.notify span{display:inline}}#container-nav.menu-top li.notify i{margin-left:.5rem}#container-nav.menu-top .menu-label .extra{display:none}@media only screen and (max-width: 1024px){#container-nav{align-items:start;padding:0}}#mobile-menu{color:#0066b2;display:none;grid-area:hamburger;padding:1rem;transition:all ease-in-out 125ms}#mobile-menu:hover{color:#00a551;text-shadow:0 0 8px #fff}#mobile-menu i{font-size:2rem}#mobile-menu i span{display:none}@media only screen and (max-width: 1024px){#mobile-menu{display:block;text-align:right;z-index:2}}#main-menu{grid-area:mainmenu;margin-bottom:0;padding:0}#main-menu>li{display:inline-block;list-style:none;margin-left:-5px}#main-menu>li>a{color:#0066b2;display:block;font-size:1.14rem;padding:.5rem 1rem;text-decoration:none}#main-menu>li>a:before{background:#00a551;content:'';height:.25rem;left:0;position:absolute;transform:scale3d(0, 1, 1);transition:transform 0.2s;width:100%}@media only screen and (max-width: 575px){#main-menu>li>a:before{background:transparent}}#main-menu>li>a:before{top:0;transform-origin:50% 50%}#main-menu>li>a:hover:before,#main-menu>li>a:focus:before{transition-duration:0.4s;transform:scale3d(1, 1, 1);transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}@media only screen and (max-width: 799px){#main-menu>li>a{font-size:.9rem;padding:.5rem 0.25rem}}@media only screen and (max-width: 575px){#main-menu>li>a{font-size:1rem}}#main-menu>li:hover .sub-menu{display:block;-webkit-animation:subm-in .25s ease-in;animation:subm-in .25s ease-in}@media only screen and (max-width: 1024px){#main-menu>li{width:100%}#main-menu>li:hover .sub-menu{-webkit-animation:none;animation:none}}#main-menu li.menu-item-has-children{position:static}#main-menu li.current-menu-item a:before,#main-menu li.current-page-ancestor a:before,#main-menu li.current-post-ancestor a:before,#main-menu li.current-post-parent a:before,#main-menu li.current-menu-parent a:before{transition-duration:0.4s;transform:scale3d(1, 1, 1);transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}@media only screen and (max-width: 1024px){#main-menu li.current-menu-item a:before,#main-menu li.current-page-ancestor a:before,#main-menu li.current-post-ancestor a:before,#main-menu li.current-post-parent a:before,#main-menu li.current-menu-parent a:before{background:transparent}}@media only screen and (max-width: 1024px){#main-menu li.current-menu-item a,#main-menu li.current-page-ancestor a,#main-menu li.current-post-ancestor a,#main-menu li.current-post-parent a,#main-menu li.current-menu-parent a{background:transparent;color:#00a551}}@media only screen and (max-width: 1024px){#main-menu{display:grid;height:0;transform:scale(0, 0);transition:all 250ms ease-in-out}#main-menu.mobile{background-color:white;box-shadow:0px 10px 10px -10px rgba(0,0,0,0.75);display:grid;font-size:1rem;grid-column:1 / span 2;grid-gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto;height:auto;justify-items:start;padding:1rem;transform:scale(1, 1);width:100%;z-index:1}#main-menu.mobile .sub-menu{border-bottom:none;box-shadow:none;display:block;left:auto;position:relative;top:auto;width:100%;max-width:none}}.sub-menu{background-color:white;border-bottom:1px solid #ccc;border-top:1px solid white;box-shadow:0px 10px 10px -10px rgba(0,0,0,0.75);display:none;max-width:350px;min-width:200px;padding-top:1rem;position:absolute;text-align:center;top:100%;z-index:10000}@-webkit-keyframes subm-in{0%{opacity:0}100%{opacity:1}}@keyframes subm-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes subm-out{0%{opacity:1}100%{opacity:0}}@keyframes subm-out{0%{opacity:1}100%{opacity:0}}.sub-menu ul{display:grid;grid-gap:0;grid-template-columns:1fr;grid-template-rows:auto;list-style:none;margin:0 auto;padding:0 1rem 1rem 1rem}.sub-menu ul li{display:block;text-align:left}.sub-menu ul li a{transition:all ease-in .25s;color:#222;display:inline-block;padding:.75rem .75rem .75rem 0;text-decoration:none}.sub-menu ul li a:hover{color:#00a551}.sub-menu ul li.current_page_item a{color:#222;font-weight:bold}.paging{text-align:center}.paging ul{display:inline-block;margin:2rem 1rem;padding:0}.paging li{display:inline-block;list-style:none}.paging span,.paging a{border:0.125rem solid #ccc;color:#222;display:inline-block;margin:.125rem;padding:.5rem 1rem;text-decoration:none}.paging span:hover,.paging a:hover{border-color:#0066b2;color:#0066b2}.paging span.dots:hover,.paging span.extend:hover{border-color:#0066b2}.paging span.current{background:#0066b2;border-color:#0066b2;color:white}.paging span.pages:hover{background:transparent;color:white}#breadcrumbs{margin:1rem 0 2rem 0}#breadcrumbs a{color:#0066b2}.aligncenter{float:none;margin:inherit auto}.alignleft{float:left;margin-right:1rem}.alignright{float:right;margin-left:1rem}.wp-caption{display:inline-block;max-width:100%;width:auto !important}.wp-caption img{height:auto;max-width:100%}.wp-caption .wp-caption-text{font-size:.75rem;padding:.5rem}.wp-caption.alignnone .wp-caption-text{margin:0}.gallery,div[id^="gallery-"].gallery.gallery-columns-1,div[id^="gallery-"].gallery.gallery-columns-2,div[id^="gallery-"].gallery.gallery-columns-3,div[id^="gallery-"].gallery.gallery-columns-5,div[id^="gallery-"].gallery.gallery-columns-6,div[id^="gallery-"].gallery.gallery-columns-7,div[id^="gallery-"].gallery.gallery-columns-8,div[id^="gallery-"].gallery.gallery-columns-9,div[id^="gallery-"].gallery.gallery-columns-10{display:flex;flex-wrap:wrap;justify-content:space-between}.gallery .gallery-item,div[id^="gallery-"].gallery.gallery-columns-1 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-2 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-3 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-5 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-6 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-7 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-8 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-9 .gallery-item,div[id^="gallery-"].gallery.gallery-columns-10 .gallery-item{display:inline-block;list-style:none;width:23%}.gallery .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-1 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-2 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-3 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-5 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-6 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-7 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-8 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-9 .gallery-item img,div[id^="gallery-"].gallery.gallery-columns-10 .gallery-item img{height:100%;width:100%}div[data-toggle="popover"]:hover{cursor:pointer}.chocolat-wrapper{z-index:10000}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .3s}.gform_wrapper{max-width:100%}.gform_wrapper .gform_body{padding:1rem}.gform_wrapper .gform_body ul{list-style:none;margin:0;padding:0}.gform_wrapper .gform_body ul li.gfield{display:block;margin:1rem 0 0 0 !important}.gform_wrapper .gform_body ul li.gfield:first-of-type{margin-top:0 !important}.gform_wrapper .gform_body ul li.gfield .gfield_description.validation_message{color:#fff;font-size:.8rem;margin-top:.25rem;padding:.25rem}.gform_wrapper .gform_body ul li.gfield .ginput_complex.ginput_container span{display:inline-block;width:49%}.gform_wrapper .gform_body ul li.gfield .ginput_complex.ginput_container span:nth-child(2n){float:right}.gform_wrapper .gform_body ul li.gfield .ginput_complex.ginput_container span input[type=text]{padding:1rem !important;width:100%}.gform_wrapper .gform_body ul li.gfield .ginput_container_text.ginput_container input[type=text],.gform_wrapper .gform_body ul li.gfield .ginput_container_text.ginput_container textarea,.gform_wrapper .gform_body ul li.gfield .ginput_container_email.ginput_container input[type=text],.gform_wrapper .gform_body ul li.gfield .ginput_container_email.ginput_container textarea,.gform_wrapper .gform_body ul li.gfield .ginput_container_textarea.ginput_container input[type=text],.gform_wrapper .gform_body ul li.gfield .ginput_container_textarea.ginput_container textarea,.gform_wrapper .gform_body ul li.gfield .ginput_container_phone.ginput_container input[type=text],.gform_wrapper .gform_body ul li.gfield .ginput_container_phone.ginput_container textarea,.gform_wrapper .gform_body ul li.gfield .ginput_container_website.ginput_container input[type=text],.gform_wrapper .gform_body ul li.gfield .ginput_container_website.ginput_container textarea{padding:1rem !important;width:100%}.gform_wrapper .gform_body ul li.gfield .ginput_container_select{background-color:white}.gform_wrapper .gform_body ul li.gfield .ginput_container_select select{border:none;width:100%}.gform_wrapper .gform_body ul li.gfield .ginput_container_fileupload{min-height:40px;overflow:hidden;position:relative;width:100%}.gform_wrapper .gform_body ul li.gfield .ginput_container_fileupload input[type=file]{background:transparent;color:white;cursor:pointer;display:block;outline:none}.gform_wrapper .gform_body ul li.gfield .ginput_container_fileupload input[type=file]:hover{cursor:pointer}.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-html{margin-top:1.5rem;max-width:100%;width:100%}.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-name span label,.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-email span label,.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-address span label,.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-city label,.gform_wrapper .gform_body ul li.gfield.scoutingnl-gf-country label{display:none}.gform_wrapper .gform_body ul .screen-reader-text{display:none}.gform_wrapper .gform_body .gfield_radio li{list-style:none !important}.gform_wrapper .gform_body .gfield_radio li label{margin-left:1rem}.gform_wrapper .gform_footer{border-top:1px solid white;padding:1rem !important}.gform_wrapper .gform_footer input[type=submit]{width:100%}.gform_wrapper .validation_error{color:white;padding:1rem}.gform_confirmation_wrapper .gform_confirmation_message{display:block;margin:1rem 0;padding:1rem}.archive h1{color:#00a551}#items-archive{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:auto;margin:2rem 0}#items-archive .item-archive{background-color:#fbfbfb}#items-archive .item-archive .titel{color:#00a551;text-decoration:none}#items-archive .item-archive .beeld{height:200px;width:100%}#items-archive .item-archive h2{color:inherit;font-size:1.6rem;padding:1rem}#items-archive .item-archive .datum{font-weight:600;padding:1rem 1rem 0 1rem}#items-archive .item-archive .samenvatting{padding:0 1rem}#items-archive .item-archive .lees-meer{padding:1rem}#items-archive .item-archive .lees-meer a{color:#0066b2;font-weight:400}#items-archive .item-archive .lees-meer a:hover{color:#00a551}#banner{align-items:center;background-color:#fbfbfb;display:grid;grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;width:100%}#banner.hoog{height:580px}#banner.laag{height:380px}#banner h1{color:white;font-family:"Urban Jungle";font-size:5rem;letter-spacing:.25rem;max-width:60%;text-shadow:2px 2px 2px rgba(0,0,0,0.5)}#footer{background-color:#00a551}#footer:before{background-color:white;background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/bg-footer.png);background-position:bottom left;background-repeat:repeat-x;content:'';display:block;height:210px;width:100%}#footer #social-media h5{color:white;font-family:'Poppins';font-size:1.6rem}#footer #social-media ul{margin:0;padding:0}#footer #social-media ul li{display:inline-block;list-style:none;padding-right:1rem}#footer #social-media ul li a{color:white}#footer #social-media ul li a i{font-size:1.5rem}#footer #copyright{color:white;padding:2rem 0}#footer .widget{color:white}#footer .widget h3{color:white;font-size:1.6rem}#footer .widget ul{margin:0;padding:0 0 0 1rem}#footer .widget ul li a{color:white;text-decoration:none}#main{padding:2rem 0}#main.no-banner{margin-top:4rem}.container.no-padding{padding:0}@media only screen and (max-width: 1024px){.container.no-padding{padding:0 1rem}}@media only screen and (max-width: 1024px){#header.container.no-padding{padding:0}}#grid{display:grid;grid-template-areas:"header header header" "banner banner banner" "main main main" "footer footer footer";grid-template-columns:1fr auto 1fr;grid-template-rows:80px auto 1fr;height:100%}#grid #header{grid-area:header}#grid #banner,#grid #container-slider{grid-area:banner}#grid #main{grid-area:main}#grid #footer{grid-area:footer}#header{display:grid;grid-template-areas:"logo menu";grid-template-columns:auto 1fr;grid-template-rows:auto}@media only screen and (min-width: 1025px){#header.menu-side{max-width:100%}#header.menu-side #container-logo a{left:1rem;top:1rem}}#header.menu-top{background-color:white;box-shadow:0 1px 10px -5px rgba(0,0,0,0.5);position:fixed;width:100%;z-index:3}@media only screen and (max-width: 1024px){#header.menu-top{position:relative}}#header #container-logo{grid-area:logo}#header #container-logo a{left:1rem;position:absolute;top:50%;z-index:1}#header #container-logo a img{max-width:150px}@media only screen and (max-width: 1024px){#header #container-logo a{left:1rem;top:1rem}#header #container-logo a img{font-family:'object-fit: cover; object-position: bottom;';height:80px;max-width:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%}}#header #container-logo.has-bg a{align-items:center;background-image:url(//scoutinghorn.nl/wp-content/themes/hansrochat-scouting-2020-f79fca89032d/assets/img/stijl/stempel.png);background-position:right -25px;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:250px;justify-items:center;left:0;top:-50px;width:250px}@media only screen and (max-width: 1024px){#header{max-width:100%}}.uitgelicht-beeld{margin:0 0 2rem 0}.item-beeld{margin:1rem 0}.single-format-quote .item-body blockquote:before{content:'\f10d';display:inline-block;position:absolute}.single-format-link .item-body a:before{content:'\f14c';display:inline-block}.single-format-chat .item-body p:after{content:'\f0d7';position:absolute}.single-format-chat .item-body p:nth-child(2n):after{left:0}.single-format-gallery .item-body div[id^="gallery-"].gallery.gallery-columns-1 .gallery-item,.single-format-gallery .item-body div[id^="gallery-"].gallery.gallery-columns-2 .gallery-item,.single-format-gallery .item-body div[id^="gallery-"].gallery.gallery-columns-3 .gallery-item{margin:0;width:33.33% !important}.single-format-gallery .item-body div[id^="gallery-"].gallery.gallery-columns-4 .gallery-item{margin:0;width:25% !important}.single-format-audio .item-body .mejs-container{background-color:transparent;border-top:1rem solid transparent}.zoekresultaten{display:grid;grid-gap:1rem;grid-template-columns:1fr;grid-template-rows:auto}.zoekresultaten .item-zoekresultaten{border:1px solid #eee;padding:1rem}.zoekresultaten .item-zoekresultaten:hover{background-color:#fbfbfb}.zoekresultaten .item-zoekresultaten a{color:#0066b2;text-decoration:none}#frm-zoek{display:grid;grid-gap:0;grid-template-areas:"ico zoek knop";grid-template-columns:60px minmax(auto, 1fr) auto}#frm-zoek #frm-zoek-ico{background-color:#eee;border:1px solid #ccc;border-right:none;border-radius:.25rem;border-bottom-right-radius:0;border-top-right-radius:0;color:#222;grid-area:ico;padding:.5rem;text-align:center}#frm-zoek #frm-zoek-ico i{font-size:1.5rem}#frm-zoek input[type="text"]{border:1px solid #ccc;grid-area:zoek;padding:.5rem}#frm-zoek button[type="submit"]{background-color:#eee;border:1px solid #ccc;border-left:none;border-radius:.25rem;border-bottom-left-radius:0;border-top-left-radius:0;color:#222;grid-area:knop;padding:.5rem 1rem}#frm-zoek button[type="submit"]:hover{background-color:#00a551;border-color:#00a551;color:white;cursor:pointer}#sidebar{background-color:#fbfbfb;margin-left:1rem;padding:1rem}#sidebar .widget{margin-bottom:1rem}#sidebar .widget img{width:100%}#sidebar .widget label{display:none}#sidebar .widget ul{list-style:none;margin:0;padding:0}#sidebar .widget ul a{color:#0066b2}#sidebar .widget input[type="text"]{border:1px solid #eee;padding:.5rem}#sidebar .widget select{border:1px solid #eee;padding:.5rem;width:100%}#sidebar .widget .searchform input[type="text"]{max-width:60%}#sidebar .widget .searchform input[type="submit"]{float:right}#sidebar .widget .calendar_wrap{margin:1rem 0 2rem 0}#sidebar .widget .calendar_wrap a{color:#0066b2}#sidebar .widget .wp-video{margin-top:4rem}#container-video{display:block;grid-area:banner;height:680px}#container-video #video{height:100%;left:0;position:absolute;top:0;width:100%}#container-video video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#container-video #container-kop{align-items:center;display:flex;height:100%}#container-video h5{color:white;font-family:"Urban Jungle";font-size:5rem;font-style:normal;font-weight:normal;letter-spacing:.5rem;max-width:70%;text-shadow:2px 2px 2px rgba(0,0,0,0.5)}@media only screen and (max-width: 1024px){#container-video{height:500px}#container-video h5{font-size:4rem;width:90%}}@media only screen and (max-width: 799px){#container-video{height:400px}#container-video h5{font-size:3rem}}@media only screen and (max-width: 575px){#container-video{height:300px}#container-video h5{font-size:2.5rem;width:100%}}@media only screen and (max-width: 385px){#container-video h5{font-size:2rem}}#container-slider{max-width:100%}#container-slider #slider li{align-items:center;background-color:#fbfbfb;display:grid;grid-template-columns:1fr;grid-template-rows:auto;height:380px;justify-items:center;width:100%}#container-slider #slider li h5{color:white;font-family:"Urban Jungle";font-size:5rem;letter-spacing:.25rem;max-width:60%;text-shadow:2px 2px 2px rgba(0,0,0,0.5)}@media only screen and (max-width: 1024px){#container-slider #slider li{height:320px}#container-slider #slider li h5{font-size:2.5rem;max-width:80%}}@media only screen and (max-width: 575px){#container-slider #slider li h5{font-size:2rem;max-width:90%}}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}nav,.header,.paginatitel,.footer,#ghostery,#ghostery-purple-box{display:none !important}}.wpcf7 form {
display: block;
}
.wpcf7-form label {
display: block;
} #page-header .l-subheader-cell .w-socials-item.twitter .fa-x-twitter svg {
display: none !important;
}:root {
--uacf7-global-color-primary: #382673;
--uacf7-global-text-color-secondary: #383c41;
--uacf7-global-placeholder-color: #606266;
--uacf7-global-border-color: #e4e9f8;
--uacf7-global-button-color: var(--uacf7-global-color-primary);
--uacf7-border-radius: 5px;
--uacf7-white-color: #fff;
} .uacf7-wrapper-default {
border: none !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
outline: none !important;
min-inline-size: 100%;
}
.uacf7-wrapper-default hr {
background-color: var(--uacf7-global-border-color);
border: none;
height: 1px;
margin-bottom: 20px;
width: 100%;
}
.uacf7-wrapper-default label {
display: inline-block;
font-weight: 500;
line-height: inherit;
margin-bottom: 15px;
width: 100%;
}
.uacf7-wrapper-default label span {
display: block;
margin-top: 5px;
}
.uacf7-wrapper-default .wpcf7-acceptance label span {
display: inline-block;
margin-top: 5px;
} .uacf7-wrapper-default input[type="date"],
.uacf7-wrapper-default input[type="email"],
.uacf7-wrapper-default input[type="number"],
.uacf7-wrapper-default input[type="password"],
.uacf7-wrapper-default input[type="search"],
.uacf7-wrapper-default input[type="tel"],
.uacf7-wrapper-default input[type="text"],
.uacf7-wrapper-default input[type="url"],
.uacf7-wrapper-default select,
.uacf7-wrapper-default textarea,
.uacf7-wrapper-default label span textarea,
.uacf7-wrapper-default label span input {
padding: 0.7rem 1rem;
background-clip: padding-box;
background-image: none;
border: 1px solid var(--uacf7-global-border-color);
border-radius: var(--uacf7-border-radius);
color: var(--uacf7-global-text-color-secondary);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: none;
}
.uacf7-wrapper-default textarea {
height: 90px;
}
input[type="date"]:focus-visible,
input[type="date"]:visited,
input[type="email"]:focus-visible,
input[type="email"]:visited,
input[type="number"]:focus-visible,
input[type="number"]:visited,
input[type="password"]:focus-visible,
input[type="password"]:visited,
input[type="search"]:focus-visible,
input[type="search"]:visited,
input[type="tel"]:focus-visible,
input[type="tel"]:visited,
input[type="text"]:focus-visible,
input[type="text"]:visited,
select:visited,
select:focus-visible,
textarea:visited,
textarea:focus-visible {
border-color: var(--uacf7-global-button-color) !important;
} .uacf7-wrapper-default .uacf7-checkbox .wpcf7-list-item-label {
margin: 0;
}
.uacf7-wrapper-default .uacf7-checkbox .wpcf7-list-item {
display: flex !important;
align-items: center;
margin: 0.5em 0 0 1em;
font-weight: 400;
}
.uacf7-wrapper-default .uacf7-checkbox span input {
margin-right: 10px;
} .uacf7-wrapper-default .uacf7-radio .wpcf7-list-item-label {
margin: 0;
}
.uacf7-wrapper-default .uacf7-radio .wpcf7-list-item {
display: flex !important;
align-items: center;
margin: 0.5em 0 0 1em;
font-weight: 400;
}
.uacf7-wrapper-default .uacf7-radio span input {
margin-right: 10px;
}
.uacf7-wrapper-default .uacf7-rating label span {
display: inline-block;
} .uacf7-wrapper-default .uacf7-submint {
display: flex;
align-items: center;
}
.uacf7-wrapper-default .uacf7-submint.end {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.uacf7-wrapper-default .uacf7-submint input[type="submit"] {
font-size: 16px;
font-weight: 700;
color: var(--uacf7-white-color);
background-color: var(--uacf7-global-color-primary);
border-style: solid;
border-radius: var(--uacf7-border-radius);
border-width: 2px;
border-color: var(--uacf7-white-color);
padding: 10px 20px;
text-align: center;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
outline: none;
}
.uacf7-wrapper-default .uacf7-submint input[type="submit"]:focus,
.uacf7-wrapper-default .uacf7-submint input[type="submit"]:hover {
color: var(--uacf7-white-color);
background-color: var(--uacf7-global-color-primary);
} .uacf7-wrapper-default .uacf7-submint.fill input[type="submit"] {
background-color: var(--uacf7-global-color-primary);
color: var(--uacf7-white-color) !important;
}
.uacf7-wrapper-default .uacf7-submint.fill input[type="submit"]:focus,
.uacf7-wrapper-default .uacf7-submint.fill input[type="submit"]:hover {
color: var(--uacf7-global-color-primary);
background-color: var(--uacf7-white-color);
} .uacf7-wrapper-default .uacf7-submint.full-width {
position: relative;
}
.uacf7-wrapper-default .uacf7-submint.full-width input[type="submit"] {
width: 100%;
}
.uacf7-wrapper-default .uacf7-submint.full-width > span {
position: absolute;
left: 50%;
margin-left: -12px;
}
.uacf7-wrapper-default .uacf7-submint.fill.full-width > span.wpcf7-spinner {
background-color: var(--uacf7-white-color);
}
.uacf7-wrapper-default
.uacf7-submint.fill.full-width
> span.wpcf7-spinner::before {
background-color: var(--uacf7-global-color-primary);
}
.uacf7-wrapper-default .uacf7-charity-dinner {
padding: 0 15px;
}
.uacf7-wrapper-default .uacf7-charity-dinner .wpcf7-submit {
background: #115e99 !important;
color: #ffffff !important;
border-color: #115e99 !important;
}
.uacf7-wrapper-default .uacf7-order-bump-form .wpcf7-submit {
background-color: #e6a23c !important;
border-radius: 6px;
font-size: 18px;
line-height: 1.5;
padding: 8px 16px;
}
.uacf7-wrapper-default .uacf7-order-bump-form .wpcf7-submit:hover {
background-color: #ebb563 !important;
}.uacf7-row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.uacf7-col-3,
.uacf7-col-4,
.uacf7-col-6,
.uacf7-col-12 {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box; } .uacf7-col-3 {
flex: 0 0 25%;
}
.uacf7-col-4 {
flex: 0 0 33.3333%;
}
.uacf7-col-6 {
flex: 0 0 50%;
}
.uacf7-col-12 {
flex: 0 0 100%;
}
.uacf7-col-12 label,
.uacf7-col-6 label,
.uacf7-col-3 label,
.uacf7-col-4 label,
.uacf7-col-12 .wpcf7-form-control,
.uacf7-col-6 .wpcf7-form-control,
.uacf7-col-3 .wpcf7-form-control,
.uacf7-col-4 .wpcf7-form-control {
width: 100% !important;
display: block;
}
@media only screen and (max-width: 767px) {
.uacf7-row {
display: flex;
flex-wrap: wrap;
}
.uacf7-col-3,
.uacf7-col-4,
.uacf7-col-6,
.uacf7-col-12 {
flex: 1 1 100%; max-width: 100%;
margin-right: 0;
}
}.steps-form {
display: table;
width: 100%;
position: relative;
}
.uacf7-step.step-content button.uacf7-prev,
.uacf7-step.step-content button.uacf7-next {
margin-top: 5px
}
.uacf7-step.step-content.step-start button.uacf7-prev,
.uacf7-step.step-content.step-end button.uacf7-next,
.uacf7-step.step-content.step-end span.uacf7-ajax-loader {
display: none !important
}
.uacf7-step span.uacf7-ajax-loader.is-active {
visibility: visible
}
.uacf7-step.step-content button.uacf7-next {
float: right;
}
.uacf7-step.step-content.step-start button.uacf7-next {
float: none;
}
.steps-form .steps-row {
display: table-row;
}
.steps-form .steps-row:before {
top: 18px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
}
.steps-form .steps-row .steps-step {
display: table-cell;
text-align: center;
position: relative;
}
.steps-form .steps-row .steps-step p {
margin-top: 0.5rem;
}
.steps-form .steps-row .steps-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.steps-form .steps-row .steps-step .btn-circle {
width: 30px;
height: 30px;
text-align: center;
font-size: 12px;
line-height: 28px;
border-radius: 50%;
margin-top: 0;
text-decoration: none;
outline: 0;
display: inline-block;
position: relative;
}
.steps-form .steps-row .steps-step .btn-circle img { width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0
}
.uacf7-btn-default {
color: #fff;
background-color: #65ce92 !important;
}
.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
color: #fff;
background-color: #15a552 !important;
outline: 0;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
transform: scale(1.1);
}
.steps-form .steps-row .steps-step .btn-circle:hover,
.steps-form .steps-row .steps-step .btn-circle:focus,
.steps-form .steps-row .steps-step .btn-circle:active {
outline: 0;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
color: #fff
}
.btn.btn-circle.uacf7-btn-default:not(.uacf7-btn-active) { }
.progressbar-style-1.steps-form .steps-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.progressbar-style-1.steps-form .steps-row .steps-step {
display: table-cell;
text-align: center;
position: relative;
flex-grow: 1; border-right: 1px solid #fff;
}
.progressbar-style-1.steps-form .steps-row .steps-step:last-child {
border-right: 0
}
.progressbar-style-1.steps-form .steps-row .steps-step p {
margin-top: 0.5rem; margin-bottom: 0.5rem;
} .progressbar-style-1 .uacf7-btn-default {
color: #444;
background-color: #ddd !important;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
transform: inherit;
box-shadow: none
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active:hover {
box-shadow: none;
color: #fff
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:hover,
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:focus,
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:active {
box-shadow: none;
color: #444;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle img {
display: none;
}
.progressbar-style-1.steps-form .steps-row {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
column-gap: 2px;
row-gap: 2px;
justify-content: space-between;
}
.progressbar-style-1.steps-form .steps-row .steps-step {
background: #ddd;
flex-grow: 1;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle {
font-size: 12px;
line-height: 24px;
text-decoration: none;
outline: 0;
background: transparent;
width: 100%;
height: 100%;
padding: 5px 10px;
border-radius: 0;
}
.progressbar-style-1 .steps-step .uacf7-btn-active {
background: #15a552 !important;
}
.progressbar-style-1 .steps-step .uacf7-btn-active {
color: #fff !important;
}
.progressbar-style-1.steps-form .steps-row::before {
display: none;
} @media (max-width: 576px) {
.steps-form .steps-row {
display: inline-block;
}
.steps-form .steps-row .steps-step {
float: left;
padding: 1px 4px;
}
.progressbar-style-1 .steps-step {
padding: 0 !important;
}
.steps-form .steps-row::before {
display: none;
}
} @media (min-width: 768px) {} @media (min-width: 992px) {} @media (min-width: 1200px) {} @media (min-width: 1400px) {}.tfhb-btn,
button.tfhb-btn {
font-family: "Inter", sans-serif;
cursor: pointer;
color: var(--tfhb-primary-color);
box-sizing: border-box;
background-color: transparent;
border: none;
font-size: 13px;
font-weight: 600;
line-height: 24px;
transition: 0.4s;
padding: 0;
box-shadow: none;
}
.tfhb-btn:hover, .tfhb-btn:focus, .tfhb-btn:active,
button.tfhb-btn:hover,
button.tfhb-btn:focus,
button.tfhb-btn:active {
color: var(--tfhb-primary-hover-color) !important;
}
.tfhb-btn:hover span, .tfhb-btn:focus span, .tfhb-btn:active span,
button.tfhb-btn:hover span,
button.tfhb-btn:focus span,
button.tfhb-btn:active span {
color: var(--tfhb-primary-hover-color) !important;
}
.tfhb-btn:hover,
button.tfhb-btn:hover {
transition: 0.4s;
}
.tfhb-btn.tfhb-docs-btn,
button.tfhb-btn.tfhb-docs-btn {
font-weight: 600;
}
.tfhb-btn.boxed-btn,
button.tfhb-btn.boxed-btn {
padding: 8px 24px;
border-radius: 8px;
background-color: var(--tfhb-primary-color);
color: #FFFFFF;
border: 1px solid var(--tfhb-primary-color);
cursor: pointer;
}
.tfhb-btn.boxed-btn:hover, .tfhb-btn.boxed-btn:focus, .tfhb-btn.boxed-btn:active,
button.tfhb-btn.boxed-btn:hover,
button.tfhb-btn.boxed-btn:focus,
button.tfhb-btn.boxed-btn:active {
background-color: var(--tfhb-primary-hover-color);
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn span,
button.tfhb-btn.boxed-btn span {
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn.disabled span,
button.tfhb-btn.boxed-btn.disabled span {
color: rgba(255, 255, 255, 0.4392156863) !important;
}
.tfhb-btn.boxed-btn-danger,
button.tfhb-btn.boxed-btn-danger {
padding: 8px 24px;
border-radius: 8px;
border: 1px solid #AC0C22;
background-color: #FCD9DE;
transition: 0.4s;
}
.tfhb-btn.boxed-btn-danger:hover, .tfhb-btn.boxed-btn-danger:focus, .tfhb-btn.boxed-btn-danger:active,
button.tfhb-btn.boxed-btn-danger:hover,
button.tfhb-btn.boxed-btn-danger:focus,
button.tfhb-btn.boxed-btn-danger:active {
background-color: #AC0C22;
}
.tfhb-btn.boxed-btn-danger:hover span, .tfhb-btn.boxed-btn-danger:focus span, .tfhb-btn.boxed-btn-danger:active span,
button.tfhb-btn.boxed-btn-danger:hover span,
button.tfhb-btn.boxed-btn-danger:focus span,
button.tfhb-btn.boxed-btn-danger:active span {
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn-danger span,
button.tfhb-btn.boxed-btn-danger span {
color: #AC0C22 !important;
}
.tfhb-btn.tab-btn,
button.tfhb-btn.tab-btn {
padding: 8px 12px;
border-radius: 4px;
background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(40, 16, 26, 0.1), 0px 1px 2px 0px rgba(40, 16, 26, 0.06);
border: 0px solid;
cursor: pointer;
color: var(--tfhb-secondary-color);
}
.tfhb-btn.tab-btn:hover, .tfhb-btn.tab-btn:focus, .tfhb-btn.tab-btn.active,
button.tfhb-btn.tab-btn:hover,
button.tfhb-btn.tab-btn:focus,
button.tfhb-btn.tab-btn.active {
background: var(--tfhb-secondary-hover-color);
color: var(--tfhb-primary-color);
box-shadow: 0px 1px 3px 0px rgba(40, 16, 26, 0.1), 0px 1px 2px 0px rgba(40, 16, 26, 0.06);
}
.tfhb-btn.tab-btn span,
button.tfhb-btn.tab-btn span {
color: var(--tfhb-secondary-color);
font-size: 13px;
}
.tfhb-btn.secondary-btn,
button.tfhb-btn.secondary-btn {
padding: 8px 24px;
border-radius: 8px;
border: 1px solid var(--tfhb-surface-primary-color);
background: #FFFFFF;
color: var(--tfhb-secondary-color);
font-weight: 400;
}
.tfhb-btn.secondary-btn.disabled span,
button.tfhb-btn.secondary-btn.disabled span {
color: rgba(39, 63, 43, 0.4392156863) !important;
}
.tfhb-btn.secondary-btn.disabled .tfhb-button-icon svg g circle,
button.tfhb-btn.secondary-btn.disabled .tfhb-button-icon svg g circle {
stroke: rgba(39, 63, 43, 0.4392156863) !important;
}
.tfhb-btn.secondary-btn:hover, .tfhb-btn.secondary-btn:focus, .tfhb-btn.secondary-btn.active,
button.tfhb-btn.secondary-btn:hover,
button.tfhb-btn.secondary-btn:focus,
button.tfhb-btn.secondary-btn.active {
background: var(--tfhb-secondary-hover-color);
color: var(--tfhb-primary-color);
}
.tfhb-btn.secondary-btn span,
button.tfhb-btn.secondary-btn span {
color: var(--tfhb-secondary-color) !important;
}
.tfhb-btn.flex-btn,
button.tfhb-btn.flex-btn {
display: flex;
gap: 5px;
align-items: center;
}
.tfhb-btn.tfhb-edit,
button.tfhb-btn.tfhb-edit {
background-color: transparent;
color: var(--tfhb-secondary-color);
border: 0px solid;
cursor: pointer;
}
.tfhb-btn.tfhb-hover-effect:hover, .tfhb-btn.tfhb-hover-effect:focus,
button.tfhb-btn.tfhb-hover-effect:hover,
button.tfhb-btn.tfhb-hover-effect:focus {
color: #fff !important;
}
.tfhb-btn.tfhb-icon-hover-animation,
button.tfhb-btn.tfhb-icon-hover-animation {
padding-right: 20px !important;
}
.tfhb-btn.tfhb-icon-hover-animation.left,
button.tfhb-btn.tfhb-icon-hover-animation.left {
padding-left: 20px !important;
padding-right: 24px !important;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon {
position: relative;
height: 20px;
width: 20px;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-hover-icon {
transition: all ease 0.4s;
position: absolute;
left: 0;
height: 100%;
width: 0;
visibility: hidden;
opacity: 0;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-icon {
position: absolute;
left: 0;
height: 100%;
transition: all ease 0.4s;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon.left .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon.left .tfhb-btn-hover-icon {
left: 100%;
}
.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-hover-icon {
transition: all ease 0.4s;
visibility: visible;
opacity: 1;
width: 100%;
}
.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-icon {
visibility: hidden;
opacity: 0;
}
.tfhb-btn.tfhb-icon-hover-animation:hover.left .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover.left .tfhb-btn-hover-icon {
left: 0;
}
.tfhb-btn span,
button.tfhb-btn span {
color: var(--tfhb-primary-color) !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 24px !important;
transition: 0.4s !important;
margin: 0 !important;
display: inline-flex;
font-weight: 600;
}
.tfhb-btn.tfhb-btn-large,
button.tfhb-btn.tfhb-btn-large {
font-size: 15px;
}
.tfhb-btn.tfhb-preloader,
button.tfhb-btn.tfhb-preloader {
position: relative;
}
.tfhb-btn.tfhb-preloader:after,
button.tfhb-btn.tfhb-preloader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid var(--tfhb-primary-color);
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.tfhb-btn.tfhb-preloader:before,
button.tfhb-btn.tfhb-preloader:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
}
.tfhb-meeting-box input,
.tfhb-booking-cencel input {
box-sizing: border-box;
}
.tfhb-meeting-box #reason,
.tfhb-booking-cencel #reason {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
box-sizing: border-box;
}
.tfhb-meeting-box #reason:focus,
.tfhb-booking-cencel #reason:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-reschedule-box,
.tfhb-booking-cencel .tfhb-reschedule-box {
margin-bottom: 25px;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
border-radius: 16px;
border: 0.5px solid var(--tfhb-surface-primary-color);
background: #FFFFFF;
display: flex;
gap: 24px;
width: fit-content;
position: relative;
margin: 0 auto;
overflow: hidden;
min-height: 450px;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 570px) {
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 322px;
z-index: 11;
border-right: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
border-radius: 16px 0 0 16px;
box-shadow: 0 0px 30px 0px rgba(40, 16, 26, 0.2);
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 220px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info {
padding: 38px 16px 16px 16px;
border-radius: 16px 0 0 0;
background-size: cover;
position: relative;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info::after {
position: absolute;
content: "";
inset: 0;
background: linear-gradient(181deg, rgba(19, 25, 20, 0) 1.18%, rgba(19, 25, 20, 0.5) 98.83%);
z-index: -1;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info {
background-position: center center;
border-radius: 16px 16px 0 0;
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name h3 {
color: #FFFFFF;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name p {
color: #FFFFFF;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details {
padding: 8px 16px 16px 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details h2,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details h2 {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0 0 8px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description span,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description span {
color: var(--tfhb-secondary-color);
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p span {
color: var(--tfhb-secondary-color);
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 40px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; margin-bottom: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li:last-child,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li:last-child {
margin-bottom: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li span {
border-radius: 6px;
border: 1px solid var(--tfhb-surface-primary-color);
padding: 0 16px;
margin: 0 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon {
border-radius: 6px;
border: 0.2px solid rgba(227, 207, 215, 0.2);
background: #FFFFFF;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon svg path {
stroke: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone {
border-radius: 8px;
background: #FFFFFF;
padding: 8px 12px;
justify-content: space-between;
padding: 0 !important;
position: relative;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone select {
background-image: none !important;
background-size: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-title,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-title {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; width: calc(100% - 24px);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-container {
width: 100% !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection {
padding-left: 2em !important;
border-radius: 8px;
height: 40px;
padding-top: 8px;
padding-bottom: 8px;
border: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__rendered,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__rendered {
color: var(--tfhb-secondary-color);
padding: 0px !important;
line-height: normal;
font-size: 15px !important;
font-weight: 400;
line-height: 24px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow {
top: 50%;
width: 1.7em;
transform: translateY(-50%);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow b,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow b {
border-color: var(--tfhb-primary-color) transparent transparent transparent;
display: block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 35px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon svg path {
stroke: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown {
border: 1px solid #56765B;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--above,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--above {
border-bottom: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--below,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--below {
border-top: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-search.select2-search--dropdown input,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-search.select2-search--dropdown input {
padding: 8px 8px 8px 12px;
border: 1px solid #56765B !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
position: relative;
left: 0;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
width: 100%;
padding: 0px 16px;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
flex-wrap: wrap;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
padding: 16px 16px 16px 0;
width: 536px;
z-index: 99;
background-color: #fff;
min-height: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
width: 500px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
width: 100%;
padding: 0 0 16px 0;
min-height: auto;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 520px;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 480px;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header {
display: flex;
align-items: center;
padding: 0px 0px 16px 0;
justify-content: space-between;
border-bottom: 0.5px solid rgba(207, 227, 210, 0);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation {
display: flex;
border-radius: 8px;
background: #FFFFFF;
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
width: 94px;
justify-content: space-between;
position: relative;
z-index: 1;
height: 36px;
align-items: center;
padding: 0 8px 0 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
background: #FFFFFF;
z-index: -1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span {
cursor: pointer;
font-size: 1.9rem;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span svg path {
stroke: var(--tfhb-primary-color);
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover {
background-color: var(--tfhb-primary-color);
border-radius: 5px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover svg path {
stroke: #fff;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation .tfhb-calendar-navigation-dots,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation .tfhb-calendar-navigation-dots {
width: 8px;
height: 8px;
background-color: #56765B;
border-radius: 50%;
left: -24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-current-date,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-current-date {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive {
position: relative !important;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
background-color: #fff;
z-index: 3;
opacity: 0.3;
cursor: wait;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays {
list-style: none;
flex-wrap: wrap;
display: flex;
text-align: center;
gap: 0;
margin: 12px 0 16px 0;
padding: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays li {
color: var(--tfhb-secondary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; width: 14.2857142857%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates {
list-style: none;
flex-wrap: wrap;
display: flex;
text-align: center;
gap: 0;
padding: 0;
margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li {
border: 0.5px solid rgba(227, 207, 215, 0);
width: 14.2857142857%;
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; padding: 16px 0;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive {
color: var(--tfhb-secondary-color);
cursor: not-allowed !important;
background-color: transparent !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive::after {
position: static !important;
margin: 0 !important;
border: 0px solid !important;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current {
position: relative;
z-index: 0;
cursor: pointer;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current::after {
position: absolute;
content: "";
border-radius: 8px;
border: 0.5px solid rgba(227, 207, 215, 0);
background: var(--tfhb-surface-background-color);
height: 90%;
width: 90%;
left: 50%;
z-index: -1;
margin-left: -45%;
top: 5%;
box-sizing: inherit;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current:hover::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current:hover::after {
border: 0.5px solid rgba(227, 207, 215, 0);
background: var(--tfhb-secondary-hover-color);
box-shadow: 0px 3px 0px 0px rgba(16, 36, 19, 0.04);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active {
color: #FFFFFF !important;
position: relative;
font-weight: 600;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::after {
position: absolute;
content: "";
border-radius: 8px;
border: 0.5px solid rgba(227, 207, 215, 0);
box-shadow: 0px 8px 30px 0px rgba(0, 64, 11, 0.3);
background: var(--tfhb-primary-color) !important;
height: 90%;
width: 90%;
left: 50%;
z-index: -1;
margin-left: -45%;
top: 5%;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::before {
position: absolute;
content: "";
height: 2px;
width: 24px;
border-radius: 16px;
background: #FFFFFF;
bottom: 12px;
left: 50%;
margin-left: -12px;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
width: 0;
padding: 16px 16px 16px 0;
display: none;
position: relative;
left: -50%;
opacity: 1;
z-index: 8;
min-height: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
max-width: 200px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
padding: 0 0 16px 0;
width: 100%;
max-width: auto;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
width: 100% !important;
max-width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs-warp,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs-warp {
display: flex;
justify-content: end;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs {
padding: 4px;
border-radius: 8px;
width: 96px;
height: 36px;
position: relative;
z-index: 0;
background: #FFFFFF;
display: flex;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
background: #FFFFFF;
z-index: -1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul {
margin: 0;
padding: 0;
list-style: none;
gap: 8px;
display: inline-flex;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li {
width: 40px;
display: inline-block;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label {
padding: 4px 8px;
color: #273F2B;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 16px; cursor: pointer;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label input,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label input {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active {
border-radius: 4px;
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active label {
color: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times h3 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 24px 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times {
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive {
position: relative !important;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
background-color: #fff;
z-index: 3;
opacity: 0.3;
cursor: wait;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul {
margin: 0;
padding: 0;
list-style: none;
max-height: 338px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li {
gap: 12px;
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next {
border-radius: 8px;
border: 0.5px solid var(--tfhb-primary-color);
background: #FFFFFF;
padding: 10px 8px;
color: var(--tfhb-primary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; width: 100%;
text-align: center;
cursor: pointer;
transition: 0.3s all ease;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next {
padding: 16px 1px;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next:hover {
border: 0.5px solid var(--tfhb-primary-color);
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time.time.active,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next.time.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time.time.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next.time.active {
border: 0.5px solid var(--tfhb-primary-color);
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining {
justify-content: center;
font-size: 10px;
line-height: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining span,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining span {
display: inline-block;
height: 4px;
width: 4px;
border-radius: 50%;
background-color: #2E6B38;
margin-right: 4px;
line-height: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next {
border-radius: 8px;
background: var(--tfhb-primary-color);
color: #FFFFFF;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form {
width: 536px;
padding: 16px 16px 16px 0;
position: relative;
z-index: 9;
left: -5%;
opacity: 0;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form {
padding: 0 16px 16px 16px;
width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn {
align-items: center;
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn svg path {
stroke: var(--tfhb-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn h3 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms {
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form {
width: 100%;
margin-bottom: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
display: inline-block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select {
line-height: 1.2;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio {
position: relative;
color: var(--tfhb-paragraph-color) !important;
font-size: 15px !important;
margin-left: 40px;
font-weight: 400;
margin: 0 !important;
position: relative;
padding-left: 28px;
margin-right: 16px !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark {
background-color: var(--tfhb-primary-color);
border: 1px solid var(--tfhb-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark:after,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark:after {
display: block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=checkbox],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=radio],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=checkbox],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=radio],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=checkbox],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=radio],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=checkbox],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=radio] {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .tfhb-checkbox-label,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .tfhb-checkbox-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .tfhb-checkbox-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .tfhb-checkbox-label {
justify-content: start !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark {
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-color: var(--tfhb-surface-primary-color);
border-radius: 3px;
border: 1px solid var(--tfhb-primary-color);
margin: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark:after,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark:after {
content: "";
position: absolute;
left: 7px;
top: 2px;
width: 6px;
height: 11px;
border: solid #FFFFFF;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark {
border-radius: 50%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a {
text-decoration: none !important;
background-color: rgb(25, 37, 82);
color: rgb(255, 255, 255);
padding: 12px 10px;
display: flex;
text-align: center;
border-radius: 8px;
font-size: 14px;
align-items: center;
justify-content: center;
gap: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a .tfhb-submit-preloader svg,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a .tfhb-submit-preloader svg {
width: 20px;
height: 20px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a.disabled,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a.disabled {
pointer-events: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box {
flex-wrap: wrap;
gap: 24px;
margin: 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap {
width: 100%;
align-items: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap .swicher-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap .swicher-label {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-checkbox-wrap,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-checkbox-wrap {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button {
width: 100%;
display: flex;
justify-content: end;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.3137254902);
padding: 10px;
text-align: right;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader svg,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader svg {
height: 100%;
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper {
text-align: right;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 {
width: 100% !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit {
float: right;
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-paypal-button-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-paypal-button-container {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation {
width: 500px;
margin: 64px 265px 64px;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation {
margin: 16px;
padding: 0 16px 16px 16px;
width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess {
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess img {
height: 66px;
width: 66px;
margin-bottom: 24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess h3 {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo {
border-radius: 8px;
background: #F3F6F4;
padding: 24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo h4,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo h4 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin-top: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul {
margin: 0;
padding: 0;
list-style: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(227, 207, 215, 0.1);
align-items: start !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li:last-child,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li span {
border-radius: 16px;
background: #EBEFFF;
padding: 4px 8px;
color: #002AB3;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 16px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li .tfhb-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li .tfhb-icon {
border-radius: 6px;
border: 0.2px solid rgba(227, 207, 215, 0.2);
background: #FFFFFF;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender {
margin: 32px 0 0 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender h3 {
color: var(--tfhb-secondary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 8px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul {
margin: 0;
padding: 0;
list-style: none;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul li a img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul li a img {
width: 32px;
height: 32px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action {
justify-content: center;
margin-top: 24px;
}
@media only screen and (max-width: 570px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action {
flex-wrap: wrap;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a {
border-radius: 8px;
border: 1px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
padding: 8px 24px;
width: 158px;
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
text-decoration: none !important;
transition: 0.3s all ease;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a:hover {
background-color: var(--tfhb-primary-hover-color);
border-color: var(--tfhb-primary-hover-color);
color: #fff;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action {
text-align: center;
margin-top: 16px;
padding: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action p {
font-size: 15px;
margin-bottom: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a {
display: inline-block;
width: 30px;
height: 30px;
box-shadow: 0px 15px 30px 0px rgba(16, 40, 20, 0.1);
border-radius: 4px;
transition: 0.4s;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:hover {
background-color: #F3F6F4;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:focus {
outline: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a img {
padding: 5px;
}
.select2-results__options {
display: flex;
flex-direction: column;
width: 100% !important;
margin: 0 !important;
border-radius: 4px;
border: 1px solid var(--tfhb-surface-primary-color);
}
.select2-results__options li {
background-color: #FFFFFF;
height: 40px !important;
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #273F2B;
}
.select2-results__options li:hover {
background-color: #F3F6F4;
color: #273F2B;
}
.select2-results__options li.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #F3F6F4;
color: #273F2B;
}
.tfhb-single-meeting-section {
padding: 60px 0px;
width: 100%;
}
.hydra-booking-embad-container {
height: 100%;
min-height: 650px;
}
.tfhb-meeting-embed-section.tfhb-meeting-embed-section {
padding: 70px 0 !important;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.tfhb-meeting-embed-section body {
visibility: hidden;
opacity: 0;
}
.tfhb-booking-cencel {
margin: 50px 0;
width: 100%;
}
.tfhb-booking-cencel .tfhb-meeting-card {
margin: 0 auto;
}
.tfhb-booking-cencel .tfhb-confirmation-button {
width: 100%;
display: flex;
justify-content: end;
}
.tfhb-booking-cencel .tfhb-confirmation-button button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-booking-cencel .tfhb-confirmation-button button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-booking-cencel .tfhb-confirmation-button button .tfhb-submit-preloader {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.3137254902);
padding: 10px;
text-align: right;
box-sizing: border-box;
}
.tfhb-booking-cencel .tfhb-confirmation-button button .tfhb-submit-preloader svg {
height: 100%;
width: 100%;
}
.tfhb-scrollbar,
#select2-attendee_time_zone-results,
.select2-results__options {
overflow-y: scroll;
scrollbar-width: thin;
scrollbar-color: #273F2B #F3F6F4;
padding-right: 10px;   }
.tfhb-scrollbar ::-webkit-scrollbar,
#select2-attendee_time_zone-results ::-webkit-scrollbar,
.select2-results__options ::-webkit-scrollbar {
width: 4px;
}
.tfhb-scrollbar ::-webkit-scrollbar-track,
#select2-attendee_time_zone-results ::-webkit-scrollbar-track,
.select2-results__options ::-webkit-scrollbar-track {
background: #F3F6F4;
}
.tfhb-scrollbar ::-webkit-scrollbar-thumb,
#select2-attendee_time_zone-results ::-webkit-scrollbar-thumb,
.select2-results__options ::-webkit-scrollbar-thumb {
background-color: #273F2B;
border-radius: 10px;
border: 3px solid #F3F6F4;
}
.tfhb-scrollbar ::-webkit-scrollbar-thumb:hover,
#select2-attendee_time_zone-results ::-webkit-scrollbar-thumb:hover,
.select2-results__options ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.tfhb-scrollbar html,
#select2-attendee_time_zone-results html,
.select2-results__options html {
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
}
.tfhb-frontend-from {
max-width: 100%;
width: 500px;
padding: 56px;
border-radius: 16px;
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
margin: 24px auto;
}
.tfhb-frontend-from * {
box-sizing: border-box;
}
.tfhb-frontend-from button,
.tfhb-frontend-from .tfhb-from-btn {
padding: 8px 24px;
width: 100%;
display: flex;
justify-content: center;
gap: 8px;
vertical-align: middle;
background-color: #2E6B38;
color: #fff !important;
font-size: 16px !important;
font-weight: 700;
border-radius: 8px !important;
line-height: 1.6;
align-items: center;
cursor: pointer;
}
.tfhb-frontend-from button:hover, .tfhb-frontend-from button:focus, .tfhb-frontend-from button:active,
.tfhb-frontend-from .tfhb-from-btn:hover,
.tfhb-frontend-from .tfhb-from-btn:focus,
.tfhb-frontend-from .tfhb-from-btn:active {
background-color: var(--tfhb-primary-hover-color);
color: #FFFFFF;
}
.tfhb-frontend-from button span,
.tfhb-frontend-from .tfhb-from-btn span {
display: inline-block;
}
.tfhb-frontend-from button .tfhb-submit-icon,
.tfhb-frontend-from .tfhb-from-btn .tfhb-submit-icon {
line-height: 0;
}
.tfhb-frontend-from .tfhb-notice {
border-radius: 8px;
padding: 24px;
border: 0.5px solid #17723F;
background: #E6FAEE;
color: #17723F;
}
.tfhb-frontend-from .tfhb-notice.tfhb-error {
border-color: #AC0C22;
background: #FCD9DE;
color: #AC0C22;
}
.tfhb-frontend-from__field-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
.tfhb-frontend-from__field-wrap__inner {
display: flex;
gap: 24px;
}
.tfhb-frontend-from__field-item {
width: 100%;
}
.tfhb-frontend-from__field-item--center {
text-align: center;
}
.tfhb-frontend-from__field-item--right {
text-align: right;
}
.tfhb-frontend-from__field-item p {
font-weight: 600;
margin-bottom: 0;
}
.tfhb-frontend-from__field-item p a {
color: var(--tfhb-primary-color) !important;
}
.tfhb-frontend-from__field-item label {
font-size: 13px;
color: #141915 !important;
font-weight: 400;
line-height: 1.53;
margin-bottom: 4px !important;
}
.tfhb-frontend-from__field-item__inner {
position: relative;
}
.tfhb-frontend-from__field-item__inner span {
position: absolute;
top: 9px;
left: 12px;
}
.tfhb-frontend-from__field-item__inner__show-password {
left: auto !important;
right: 12px;
cursor: pointer;
}
.tfhb-frontend-from__field-item__inner input {
border: 1px solid #56765B;
background-color: #fff;
border-radius: 4px !important;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
padding: 8px !important;
padding-left: 40px !important;
width: 100%;
}
.tfhb-frontend-from__field-item__inner input:focus, .tfhb-frontend-from__field-item__inner input:active, .tfhb-frontend-from__field-item__inner input:hover {
outline: none;
box-shadow: none;
border-color: #211319;
color: #17030C !important;
box-shadow: 0px 1px 3px 0px rgba(16, 40, 20, 0.1), 0px 1px 2px 0px rgba(16, 40, 20, 0.06);
background-color: #F3F6F4;
}
.tfhb-frontend-from__field-item__inner input.tfhb-error {
border-color: #AC0C22;
}
.tfhb-frontend-from__field-item__inner .tfhb-error-text {
color: #AC0C22;
}
.tfhb-frontend-from__field-item.tfhb-password-field input {
padding-right: 40px;
}
.tfhb-meeting-list, .tfhb-hosts-list, .tfhb-category-list {
padding: 50px 0px;
max-width: 800px !important;
margin: 0 auto;
}
.tfhb-meeting-list h1, .tfhb-meeting-list h2, .tfhb-meeting-list h3, .tfhb-meeting-list h4, .tfhb-meeting-list p, .tfhb-hosts-list h1, .tfhb-hosts-list h2, .tfhb-hosts-list h3, .tfhb-hosts-list h4, .tfhb-hosts-list p, .tfhb-category-list h1, .tfhb-category-list h2, .tfhb-category-list h3, .tfhb-category-list h4, .tfhb-category-list p {
margin: 0;
}
.tfhb-meeting-list a, .tfhb-hosts-list a, .tfhb-category-list a {
text-decoration: none !important;
}
.tfhb-meeting-list__heading, .tfhb-hosts-list__heading, .tfhb-category-list__heading {
text-align: center;
margin-bottom: 30px;
}
.tfhb-meeting-list__wrap, .tfhb-hosts-list__wrap, .tfhb-category-list__wrap {
display: flex;
flex-wrap: wrap;
gap: 32px;
width: 100% !important;
margin-top: 24px;
}
.tfhb-meeting-list__wrap *, .tfhb-hosts-list__wrap *, .tfhb-category-list__wrap * {
box-sizing: border-box;
}
.tfhb-meeting-list__wrap__items, .tfhb-hosts-list__wrap__items, .tfhb-category-list__wrap__items {
display: flex;
gap: 16px;
padding: 16px;
width: 100%;
border-radius: 12px;
background-color: #F9FBF9;
align-items: center;
justify-content: space-between;
}
.tfhb-meeting-list__wrap__items__wrap, .tfhb-hosts-list__wrap__items__wrap, .tfhb-category-list__wrap__items__wrap {
display: flex;
align-items: center;
gap: 16px;
}
.tfhb-meeting-list__wrap__items__wrap__img img, .tfhb-hosts-list__wrap__items__wrap__img img, .tfhb-category-list__wrap__items__wrap__img img {
max-width: 84px;
border-radius: 8px;
}
.tfhb-meeting-list__wrap__items__wrap__content h3, .tfhb-hosts-list__wrap__items__wrap__content h3, .tfhb-category-list__wrap__items__wrap__content h3 {
font-size: 17px;
font-weight: 700;
}
.tfhb-meeting-list__wrap__items__wrap__content h3 a, .tfhb-hosts-list__wrap__items__wrap__content h3 a, .tfhb-category-list__wrap__items__wrap__content h3 a {
color: #141915 !important;
}
.tfhb-meeting-list__wrap__items__wrap__content p, .tfhb-hosts-list__wrap__items__wrap__content p, .tfhb-category-list__wrap__items__wrap__content p {
font-size: 15px;
}
.tfhb-meeting-list__wrap__items__wrap__content__tags, .tfhb-hosts-list__wrap__items__wrap__content__tags, .tfhb-category-list__wrap__items__wrap__content__tags {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 8px;
}
.tfhb-meeting-list__wrap__items__wrap__content__tags span, .tfhb-hosts-list__wrap__items__wrap__content__tags span, .tfhb-category-list__wrap__items__wrap__content__tags span {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
border-radius: 12px;
font-size: 15px;
color: #273F2B;
}
.tfhb-meeting-archive {
padding: 50px 0px;
width: 100%;
}
.tfhb-hosts-list__wrap__items, .tfhb-category-list__wrap__items {
width: calc(50% - 16px);
}
.tfhb-flexbox {
display: flex;
align-items: center;
}
.tfhb-gap-16 {
gap: 16px;
}
.tfhb-p-16 {
padding: 16px;
}
.tfhb-gap-8 {
gap: 8px;
}
.tfhb-mb-16 {
margin-bottom: 16px;
}
.tfhb-mt-32 {
margin-top: 32px;
}
.tfhb-select2-dropdown {
border: 1px solid var(--tfhb-surface-primary-color) !important;
border-radius: 4px !important;
}
.tfhb-select2-dropdown.select2-dropdown--below {
top: 40px;
}
.tfhb-swicher-wrap { }
.tfhb-swicher-wrap .switch {
position: relative;
display: inline-block;
width: 32px;
height: 20px;
margin: 0;
}
.tfhb-swicher-wrap .switch input {
opacity: 0;
width: 0;
height: 0;
}
.tfhb-swicher-wrap .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--tfhb-surface-background-color);
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 10px;
margin: 0 !important;
}
.tfhb-swicher-wrap .switch .slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 4px;
bottom: 3px;
background-color: #FFFFFF;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.tfhb-swicher-wrap .switch input:checked + .slider {
background-color: var(--tfhb-primary-color);
}
.tfhb-swicher-wrap .switch input:focus + .slider {
box-shadow: none;
}
.tfhb-swicher-wrap .switch input:checked + .slider:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.tfhb-swicher-wrap .switch .slider.round {
border-radius: 34px;
}
.tfhb-swicher-wrap .slider.round:before {
border-radius: 50%;
}
.tfhb-checkbox-wrap input[type=checkbox] {
display: none;
}
.tfhb-checkbox-wrap .checkmark {
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-color: var(--tfhb-surface-primary-color);
border-radius: 5px;
border: 1px solid var(--tfhb-surface-primary-color);
margin: 0;
}
.tfhb-checkbox-wrap .checkmark:after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border: solid var(--tfhb-surface-primary-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
.tfhb-checkbox-wrap label {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
position: relative;
padding-left: 40px;
}
.tfhb-checkbox-wrap label input:checked ~ .checkmark {
background-color: var(--tfhb-primary-color);
border: 1px solid var(--tfhb-primary-color);
}
.tfhb-checkbox-wrap label input:checked ~ .checkmark:after {
display: block;
}
.tfhb-notice {
border-radius: 8px;
padding: 24px;
background-color: #E6FAEE;
border: 0.5px solid #21A159;
margin: 8px 0;
color: #21A159;
}
.tfhb-notice.notice-error {
background-color: #FEECEE;
border-color: #E5102E;
color: #E5102E;
}
.tfhb-notice.notice-error p {
margin: 0;
}