/* Theme Name: TCWR 2022 Theme Author: Sharp Hue Version: 2022 */ /*Visual Composer Styles*/ #content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 500; } #content .homepage-h1 { line-height: 1em; padding: 0 0 7px 0; font-size: 38px; font-weight: bold; } #content .contact-heading {font-size: 28px;} #content .social-media-heading {font-size: 32px;} #content .contact-text p {font-size: 18px;} #content .white-text { color:#fff !important; } #content .white-text a { color:#fff !important; } #content .content-btn a { font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #F6A65B; color: #fff; padding: 15px 25px; border-radius: 3px; border-radius: 50px; } #content .content-btn-alt a { font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background:#fff; color:#555; padding: 15px 25px; border-radius: 3px; border:2px solid #555; border-radius: 50px;} .white-text {color:#fff!important;} /* VC FAQ */ #content h4.vc_tta-panel-title { margin:0; padding:0; } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;} .vc_tta-controls-icon::before {border-color: #fff !important;} .vc_tta-controls-icon::after {border-color: #fff !important;} /*scrollbar*/ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #ccc; } ::-webkit-scrollbar-thumb:hover { background: #aaa; } /*Fonts*/ h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, span { font-family: 'Radio Canada', sans-serif; } h1, h2, h3, h4, h5, h6 {font-weight: 700;} ul, ol, li, p, div, span {font-weight: 300;} #content p a, #content li a {color:#377837; font-weight: bold;} /*Header*/ html, body { scroll-behavior: smooth; } body { position:relative; } body.admin-bar #header.fixed { top:32px !important; } @media(max-width: 782px) { body.admin-bar #header.fixed { top:46px !important; } } /* @media(max-width: 867px) { body { padding-top:60px; } } */ @media(max-width: 600px) { body.admin-bar { position:inherit; } body.admin-bar #header.fixed { top:0 !important; } body.admin-bar #header.absolute { top:46px !important; } body.admin-bar #header.absolute.fixed { top:0 !important; } } #header { min-height: 120px; background:none; z-index: 99999; } #header.compact { min-height: 80px;background:#fff; padding-bottom:5px;background-size:cover; box-shadow:0 3px 5px rgb(57 63 72 / 20%); } #header.transition, #header.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #header.absolute { position: absolute; top: 0; width: 100%; } #header.fixed { position: fixed; top: 0; width: 100%; } #header .container { max-width: 1400px; position: relative; padding:10px 20px; } #header .logo { line-height: 120px; width:150px; } #header.compact .logo { line-height: 80px; width:80px;} #header .logo img { vertical-align:middle; } #header .menu { display: none; cursor:pointer; } #header.slide { animation-name: slide; animation-duration: 300ms; } @-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} } @keyframes slide { from {top: -200px;} to {top: 0px;} } #header.fade { animation-name: fade; animation-duration: 300ms; } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } .banner {color: #fff; font-size: 18px; background: #377837; text-align: center; padding: 10px 15px; background: #ff0000;} #header.banner-spacing {top: 1.25%;} #header.banner-spacing.compact {top: 0px;} @media(max-width: 770px){ #header.banner-spacing {top: 80px;} } @media(max-width: 460px){ #header.banner-spacing {top: 110px;} } .sticky {position: fixed; top: 0; width: 100%;} @media(max-width: 867px) { html.menu-on, html.menu-on body { overflow:hidden; } html.menu-on #header { overflow-y: scroll; height: 100%; } #header { min-height: auto; } #header .container { padding: 0; } #header .logo { line-height: 0; padding: 10px; } #header .logo img { width: auto; height: 40px !important; } #header .logo2 img { width: auto; height: 40px !important; } } /*Nav*/ #nav { position:absolute; top:70px; right: 10px; } #header.compact #nav { top: 31px; } #header.compact #nav ul li > a { color:#377837;} #nav nav > ul { display:table; width:100%; list-style:none; } #nav ul > li { float:left; } #nav ul li > a { display:block; height:40px; padding:0 30px; line-height:40px; font-size:18px; color:#fff; text-decoration:none; font-weight: bold; } /* #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a, #nav ul li.current_page_parent > a { } #nav ul li.menu-item-has-children > a { } */ #nav ul li > a i { font-size:18px; padding-right: 7px; } /*Sub Nav*/ #nav ul li { position:relative; } #nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; height:auto; background:#fff; list-style:none; border-radius: 5px; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { float:none; margin:0; padding:0; } #nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:18px; color:#000; text-decoration:none; white-space:nowrap; font-weight: 400; } #nav ul li ul li:hover a, #header.compact #nav ul li ul li:hover a { color:#377837; } #nav ul li ul li ul { display:none; } #header.compact #nav ul li ul li a {color: #000;} /*Nav Btns*/ #nav .btn { padding:0; margin:0; top: -12px;} #nav .btn a { padding: 20px 30px; margin-left: 10px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; } #nav .btn a i { margin-right: 5px; } /* #nav .btn.primary a { margin-left:30px; } */ #nav .btn.primary a { background-color: #fff; color: #0C382C; border-radius: 50px;} #nav .btn.primary a:hover { transition: .8s; } #nav .btn.secondary a { background-color: #222; } #nav .btn.secondary a:hover { transition: .8s; } #header.compact #nav .btn.primary a { background-color: #0C382C; color: #fff;} @media(max-width:1200px){ #nav ul li > a {padding: 0 20px;} } @media(max-width: 1000px) { /* #nav .btn a { padding:12px; } */ #nav .btn.primary a { margin-left:10px; } } /*Nav Mobile Btns*/ #mobile-nav .btn { padding:0; margin:0; } #mobile-nav .btn a { padding: 14px 18px; margin-left: 0px; margin-bottom:15px; line-height:16px; height:auto; color: #fff; text-decoration: none; white-space:nowrap; text-align:center; } #mobile-nav .btn a i { margin-right: 5px; } #mobile-nav .btn.primary a { margin-left:0px; } #mobile-nav .btn.primary a { background-color: #555; } #mobile-nav .btn.primary a:hover { transition: .8s; } #mobile-nav .btn.secondary a { background-color: #222; } #mobile-nav .btn.secondary a:hover { transition: .8s; } /* @media(max-width: 1000px) { #mobile-nav .btn a { padding:14px; } #mobile-nav .btn.primary a { margin-left:0px; } } */ @media(max-width: 1080px) { #nav { display:none; } #header.compact { min-height: 60px; } #header.compact .logo { line-height: 40px; } #header.compact #nav { top:0px; } #header.compact #nav .menu { top:-60px; } #header .menu { display: block; color:#fff; position: absolute; text-align: center; font-size: 30px; line-height: 60px; right:0; top:15px; width:60px; height:60px; } #header.compact .menu {color: #000;} } @media(max-width: 867px){ #header .menu {top: 5px;} } /*mobile nav*/ #mobile-nav { display:none; } @media(max-width: 1080px) { #mobile-nav { position:fixed; top:0; left:0; display:block; } #mobile-nav .menus { transition:left 100ms; z-index:9999; position:fixed; left:-451px; top:0; bottom:0; width:400px; max-width:100%; background:#fff; box-shadow:20px 0px 30px rgba(0,0,0,0.15); overflow:auto; } #mobile-nav .menus.right { transition:right 100ms; right:-451px; box-shadow:-20px 0px 30px rgba(0,0,0,0.15); } .show-nav { overflow:hidden; } .show-nav #mobile-nav .menus.show { left:0; z-index:99999999; } .show-nav #mobile-nav .menus.right.show { left:auto; right:0; } .show-nav #mobile-nav { z-index:99999999; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); content:""; } #mobile-nav ul { padding:0 40px 10px 40px; list-style:none; } #mobile-nav ul li { margin-bottom:25px; } #mobile-nav ul li a { display:block; font-size:22px; font-weight:600; color:#0C382C; text-decoration:none; } #mobile-nav ul li a i.fa-chevron-right { margin-left:15px; font-size:18px; } #mobile-nav .menus .top { z-index:3; position:relative; width:100%; height:60px; background:#fff; } #mobile-nav .menus .top span { line-height:60px; display:block; font-size:22px; font-weight:600; color:#222; text-align:center; } #mobile-nav .menus .top .fa-times { position:absolute; top:0; right:0; font-size:30px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; } #mobile-nav .menus .top .fa-arrow-left { position:absolute; top:0; left:0; font-size:26px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; } #mobile-nav .menus .top img { max-height:30px; margin:15px; } #mobile-nav .menus > div { z-index:2; transition:opacity 200ms; opacity:0; display:none; } #mobile-nav .menus > div.show { opacity:1; display:block; } #mobile-nav .menus .user .me { text-align:center; margin-bottom:60px; } #mobile-nav .menus .user .me b { display:block; line-height:20px; } #mobile-nav .menus .user .me small { font-size:16px; display:inline-block; line-height:20px; } #mobile-nav .menus .user .me .fa-user-circle { margin-bottom:20px; display:block; width:auto; text-align:center; font-size:80px; } #mobile-nav .menus .connect { padding:0 40px 20px 40px; } #mobile-nav .menus .connect .title { padding:30px 0 20px 0; border-top:1px solid #ddd; font-size:22px; font-weight:600; color:#222; } #mobile-nav .menus .connect ul { padding:0; } #mobile-nav .menus .connect ul li { margin:0 0 20px 0; } #mobile-nav .menus .connect ul li a { font-weight:400; font-size:20px; } #mobile-nav .menus .connect ul li a i { width:30px; } #mobile-nav .menus .social { margin-bottom:30px; } #mobile-nav .menus .social a { display:inline-block; margin-right:25px; font-size:25px; color:#377837; } #mobile-nav a.btn { margin-bottom: 10px; display:block; padding: 15px; line-height:24px; font-size:22px; font-weight:bold; color: #fff; background:#0C382C; text-decoration: none; text-align:center; border-radius: 50px; } } @media all and (min-height: 745px) { #mobile-nav .menus .connect { position:absolute; left:0; right:0; bottom:0; } } /*Promo*/ #promo { position:relative; } #promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; } #promo .wrapper { position:relative; width:100%; } #promo .container { padding:320px 5px; max-width:1400px; } #promo .video { position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto;overflow: hidden; padding-top: 56.25%; } #promo .video iframe, #promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #promo .video iframe { border:none; height:100% !important; } #promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; } #promo h2 { margin:0 0 20px 0; padding:0; font-size:70px; line-height:1.2em; font-weight:700; color:#fff; text-align:center; } #promo h2:before { display:none; } #promo p { margin:0; padding:0; font-size:24px; line-height:35px; color:#fff; text-align:center; margin-bottom:50px; font-weight:200; } #promo .slider-btn {font-size: 18px; padding: 15px 25px; border-radius: 3px; background: #555; color: #fff; text-decoration:none;} #promo .slider-btn:hover {background: #666; } #promo .slider-btn-holder {text-align: center;} @media(max-width:413px){ #promo .video-message-container {position:relative;top:-32%;} } @media(min-width:414px) and (max-width:500px){ #promo .video-message-container {position:relative;top:-25%;} } @media(max-width:767px){ #promo h2 { font-size:36px; line-height:40px; } #promo .container { padding: 100px 5px; } } /*Footer*/ #footer .wrapper { background-color: #0C382C; } #footer .wrapper.copyright { background-color: #0C382C; } #footer .container { max-width: 1400px; padding: 90px 15px 80px 15px; } #footer nav { background:none; } #footer nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: none; content: ''; } #footer nav ul { list-style-type: none; margin:none; } #footer nav ul li a { margin-bottom: 5px; display:inline-block; text-decoration: none; color: #fff; font-size: 18px; } #footer nav > ul { display:table; width:100%; } #footer nav > ul > li { float:left; width:31.333333%; padding-right:2%; margin-bottom:25px; } #footer nav > ul > li > a, #footer nav ul li.large > a { margin-bottom: 15px; font-size: 20px; font-weight: bold; } #footer .copyright p { padding: 0px 20px 10px 20px; margin:0; color: #fff; font-size: 12px; text-align:left; } #footer .copyright p br { display:none; } #footer .copyright a { color: #fff; text-decoration: underline; } #footer .contact-info { background:none; padding-left: 80px; } #footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; } #footer .contact-info .contact .contact-body { font-size: 18px; } #footer .contact-info .contact .contact-body a { color:#fff; text-decoration: none; } #footer .contact-info .contact .contact-icon { position: absolute; top: 0px; left: 0; font-size: 21px; color: #fff; line-height: 18px; } #footer .contact-info .footer-btn { padding: 7px 20px; font-weight:500; color:#ffffff; background-color: #c0c0c0; font-size: 18px; display: inline-block; text-decoration: none; border:none; cursor:pointer; } #footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;} #footer .contact-info .footer-contact-btn {width: 200px; text-align: center; margin-bottom: 10px; padding: 13px 25px; color:#0C382C; font-weight:bold; font-size: 18px; background-color: #fff; display: inline-block; text-decoration: none; border-radius: 50px;} #footer .contact-info .footer-contact-btn:hover { opacity:0.8; transition: .4s; } #footer .misc-items {display: inline-block; margin-bottom: 30px; width: 100%;} #footer .social { display:table; width:100%; } #footer .social a { float:left; display:block; margin-right:10px; line-height:30px; width:70px; height:70px; border-radius:5px; text-align:center; border: 1px solid #fff; } #footer .social a i { line-height:70px; text-align:center; color:#fff; font-size: 27px; } #footer .awards {padding-bottom: 25px;} #footer .awards .col-16 {float: none; width:calc(16.666% - 4px); text-align: center;} #footer .awards .col-16 img {max-width: 80px; vertical-align: middle; padding: 0 5px; width: 100%;} @media( max-width: 970px ) { #footer .container { padding: 60px 30px;} #footer .contact-info .footer-btn { margin-bottom: 10px;} #footer .misc-items .col-60, #footer .misc-items .col-40 {width: 100%;} #footer .awards {margin-top: 4%; max-width: 400px; } #footer .awards .col-16 img {max-width: 50px;} #footer .contact-info .footer-contact-btn {width: inherit;} } @media( max-width: 800px ) { #footer nav > ul > li { width: 100%; } } @media (max-width: 700px) { #footer .col-60, #footer .col-40 { width: 100%; } #footer nav { margin-bottom: 30px; } #footer .contact-info {padding-left: 0;} } @media( max-width: 600px ) { #footer .col-333 { width: 50%;} #footer .contact-info { padding: 0;} #footer .copyright p br { display:block; } #footer .wrapper.copyright {padding-top: 30px;} } @media(max-width: 400px){ #footer .misc-items {margin-bottom: 10px;} #footer .social a {width: 50px; height: 50px;} #footer .social a i {line-height: 50px; font-size: 20px;} } /*404*/ #page404 { background: url(/wp-content/uploads/2022/08/Fergy-Liger-scaled.jpg) no-repeat center center; background-size: cover; text-align: center;} #page404 .error-404 { text-align:center; } #page404 .error-404 h1 { text-align:center; font-size:40px; color: #fff; margin-bottom: 0px;} #page404 .error-404 i { font-size:100px; color: #fff; padding-bottom: 25px;} #page404 .error-404 .screen-reader-text { display:none; } #page404 .error-404 p {color: #fff; margin-bottom: 30px;} #page404 .btn { font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #F6A65B; color: #fff; padding: 15px 25px; border-radius: 3px; border-radius: 50px;} #page404 .content-area {padding: 15% 20px; background: rgba(0,0,0,.6);} .blog-back-link {display:none!important;} /* Generic Inner Page */ #content .entry-header h1 {font-size: 50px;} @media(max-width: 550px){ #content .entry-header h1 {font-size: 30px; line-height: 40px; padding: 25% 7% !important;} } /* Buy Tickets Template */ #buy-tickets .entry-content {margin-top: 6%;} #buy-tickets .tour-entry {margin-bottom: 5%; border-bottom: 1px solid #ededed; padding-bottom: 7%; scroll-margin-top: 100px;} #buy-tickets .tour-entry:last-child {border-bottom: none;} #buy-tickets .tour-entry .details {padding-left: 7%;} #buy-tickets .tour-entry .details h3 {color: #377837; font-size: 35px; line-height: 45px; font-weight: 700;} #buy-tickets .tour-entry .details a {text-decoration: none;} #buy-tickets .tour-entry .details h3 i {padding-left: 15px; font-size: 28px; padding-bottom: 15px;} #buy-tickets .tour-entry img {border-radius: 5px;} #buy-tickets .lodging-btn { text-decoration: none; font-size: 18px; white-space: nowrap; background: #f2963f; color: #fff; padding: 15px 25px; border-radius:60px; font-weight: bold; display: inline-block;} #buy-tickets .lodging-btn:hover { opacity: .8; transition: ease-in-out .3s; } /* #buy-tickets .extra-content h3 {color: #406f87; font-size: 35px; line-height: 45px;} */ #buy-tickets .extra-content h2 {color: #406f87; font-size: 45px; line-height: 55px;} #buy-tickets .deals-cta .wpb_text_column, #buy-tickets .deals-cta .content-btn {display: inline-block;} #buy-tickets .deals-cta {text-align: center; margin-top: 5%; padding: 2% 0 0;} #buy-tickets .deals-cta h2 {padding-right: 10px;} #buy-tickets .deals-cta .content-btn {vertical-align: super;} #buy-tickets .inner-nav {background:#377837; padding: 2% 20px;} #buy-tickets .inner-nav ul {max-width: 1400px; margin: 0px auto;} #buy-tickets .inner-nav ul li {list-style: none; font-weight: 700; padding: 0 20px; font-size: 20px;} #buy-tickets .inner-nav ul a {display: inline-block; color: #fff; text-decoration: none;} #buy-tickets .inner-nav ul a li i {padding-left: 10px; font-size: 15px;} @media(max-width: 770px){ #buy-tickets .tour-entry .col-60, #buy-tickets .tour-entry .col-40 {width: 100%;} #buy-tickets .tour-entry .details {padding-left: 0; padding-top: 7%;} #buy-tickets .inner-nav ul {column-count: 2;} } @media(max-width: 450px){ #buy-tickets .tour-entry .details h3 {font-size: 30px; line-height: 40px;} #buy-tickets .inner-nav ul {column-count: 1;} } /* Visitor Info */ #visitor-info .intro-section { margin-top: 11%; } #visitor-info .intro-section h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #visitor-info .things-to-do {margin-top: 3%; text-align: center;} /* #visitor-info .things-to-do .to-do .icon {width: calc(20% - 4px); display: inline-block;} */ #visitor-info .things-to-do .to-do {margin: 0px auto; max-width: 1600px;} #visitor-info .things-to-do .to-do .icon i {background: #377837; color: #fff; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; font-size: 40px;} #visitor-info .things-to-do .to-do .text-content {width: 80%; display: inline-block; vertical-align: top;} #visitor-info .things-to-do .to-do .text-content h3 {font-size: 25px; color: #377837; } #visitor-info .things-to-do .to-do .text-content h3 a {text-decoration: none; color: #377837;} #visitor-info .things-to-do .to-do .text-content h3 a i {padding-left: 10px;} #visitor-info .plan-trip {margin-top: 6%;} #visitor-info .plan-trip h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #visitor-info .plan-trip .vc_inner .vc_column_container {padding: 3%; border-radius: 10px;} #visitor-info .plan-trip .vc_inner .vc_col-sm-6 {width: calc(50% - 40px); margin: 0 20px;} #visitor-info .plan-trip .vc_inner .vc_column_container h3 {color: #fff; font-size: 40px; line-height: 50px} #visitor-info .plan-trip .vc_inner .vc_column_container li {color: #fff; font-size: 18px; padding-bottom: 5px;} #visitor-info .plan-trip .tour-times {background: #377837;} #visitor-info .plan-trip .pricing {background: #1A603A;} #visitor-info .plan-trip .pricing .content-btn, #visitor-info .plan-trip .pricing .content-btn-alt {display: inline-block; margin-bottom: 0;margin-right:15px;} #visitor-info .plan-trip .pricing .content-btn a {background: #fff; color: #1A603A; } #visitor-info .plan-trip .pricing .content-btn-alt a {background: none; color: #fff; border: 2px solid #fff;} #visitor-info .downloads {margin-top: 8%;} #visitor-info .downloads h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #visitor-info .downloads .item {padding-top: 45%;} #visitor-info .downloads .vc_inner .vc_column-inner {border-radius: 10px;} #visitor-info .downloads .vc_inner .vc_col-sm-4 {width: calc(33.333% - 20px); margin: 0 10px;} #visitor-info .downloads h3 {color: #fff; font-size: 27px; line-height: 37px; margin-bottom: 10px;} #visitor-info .downloads a {font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #F6A65B; color: #fff; padding: 15px 25px; border-radius: 50px;} #visitor-info .sponsor-animal { padding: 15% 0;} #visitor-info .sponsor-animal h3 {font-size: 55px; line-height: 65px; color: #fff;} #visitor-info .sponsor-animal p {color: #fff;} #visitor-info .sponsor-animal .content-btn a {color: #1A603A; background: #fff;} /* 11-14-22 Updates */ #visitor-info .tablepress .odd td, #visitor-info .tablepress .even td {background:#f0f6e9; border: none; border-bottom: 3px solid #fff; padding: 12px 10px; vertical-align: middle;} #visitor-info .tablepress tfoot th, #visitor-info .tablepress thead th {background: none;} #visitor-info .column-1 {font-weight: bold;} #visitor-info #tablepress-2 {max-width: 1000px; margin: 0px auto;} #visitor-info .available-tours {margin-top: 7%;} #visitor-info .available-tours h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #visitor-info .available-tours .icon {text-align: center; margin-bottom: 10px;} #visitor-info .available-tours .icon i {background: #377837; color: #fff; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; font-size: 40px;} #visitor-info .available-tours .vc_inner {max-width: 1000px; margin: 0 auto;} #visitor-info .available-tours .top-row {margin-bottom: 3%;} #visitor-info .lodging-section {margin-top: 12%;} #visitor-info .lodging-section .text-content {background: #1a603a; padding: 9%; border-radius: 10px; color: #fff;} #visitor-info .lodging-section .text-content h3 {color: #fff; font-size: 55px; line-height: 65px;} #visitor-info .faq-cta {background:#586a30; padding: 2% 15px; margin-top: 13%;} #visitor-info .faq-cta h3 {font-size: 30px; line-height: 40px; display: inline-block; color: #fff; padding-right: 10px;} #visitor-info .faq-cta .btn {display: inline-block; font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #fff; color: #586a30; padding: 15px 25px; border-radius: 3px; border-radius: 50px;} #visitor-info .faq-cta .wpb_raw_html {text-align: center; margin-bottom: 0;} @media(max-width: 1300px){ #visitor-info .things-to-do .to-do .icon i {width: 70px; height: 70px; line-height: 70px; font-size: 28px;} } @media(max-width: 1100px){ #visitor-info .plan-trip .pricing .content-btn {margin-bottom: 10px;} #visitor-info .intro-section h2 {font-size: 40px; line-height: 50px;} } @media(max-width: 950px){ #visitor-info .things-to-do .to-do .icon i {width: 80px; height: 80px; line-height: 80px; font-size: 30px;} #visitor-info .things-to-do .vc_col-sm-6 {width: 100%;} } @media(max-width: 850px){ #visitor-info .plan-trip .vc_inner .vc_col-sm-6 {width: 100%; margin: 0 0 20px 0;} #visitor-info .available-tours .vc_col-sm-4 {width: 33.333%;} } @media(max-width: 700px){ #visitor-info .available-tours .vc_col-sm-2 {width: 50%; } } @media(max-width: 550px){ #visitor-info .intro-section h2 {font-size: 40px; line-height: 50px;} #visitor-info .things-to-do .to-do .icon {width: 100%; text-align: center;} #visitor-info .things-to-do .to-do .text-content {width: 100%; text-align: center;} #visitor-info .things-to-do .to-do .text-content h3 {font-size: 23px; line-height: 31px;} #visitor-info .plan-trip .vc_inner .vc_column_container h3 {font-size: 29px; line-height: 39px;} #visitor-info .downloads .vc_inner .vc_col-sm-4 {width: 100%; margin: 0 0 10px; } #visitor-info .plan-trip h2, #visitor-info .downloads h2, #visitor-info .sponsor-animal h3, #visitor-info .available-tours h2, #visitor-info .lodging-section .text-content h3 {font-size: 37px; line-height: 47px;} #visitor-info .available-tours .vc_col-sm-4 {width: 100%;} #visitor-info .available-tours .top-row {margin-bottom: 0;} } @media(max-width: 450px){ #visitor-info .available-tours .vc_col-sm-2 {min-height: 320px;} } /* Things to Do */ #things-to-do {margin-bottom: 5%;} #things-to-do h2 {font-size: 45px; line-height: 55px; color: #1A603A;} #things-to-do h3 {font-size: 25px; color: #377837; } #things-to-do .intro-section {padding-top: 5%;} #things-to-do .vc_tta-container {margin-top: 7%;} #things-to-do .vc_tta-tabs-list {padding:0;} #things-to-do .vc_tta-tab a span {font-weight: bold;} #things-to-do .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {color: #fff; background-color: #0C382C; border: none;} #things-to-do .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {border: 2px solid #0C382C; color: #0C382C; background: none;} @media(max-width: 1100px){ #things-to-do .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background: #0C382C !important;} #things-to-do .vc_tta-panel-title span {font-weight: bold; font-size: 20px;} #things-to-do h3 {display: none;} #things-to-do h2 {font-size: 30px; line-height: 40px;} #things-to-do .intro-section {padding-top: 12%;} } /* Support the Animals */ #support-the-animals .donation-types {padding: 10% 0;} #support-the-animals .donation-types .text-content {background: #377837; border-radius: 10px; color: #fff; text-align: center;} #support-the-animals .donation-types .text-content .vc_column-inner {padding: 8% 8% 5%;} #support-the-animals .donation-types .text-content h2 {font-size: 55px; line-height: 65px; color: #fff;} #support-the-animals .donation-types .text-content .btn {display: inline-block;} #support-the-animals .donation-types .text-content .btn a {display: inline-block; padding: 10px 35px; width: 120px; background: #fff; border: 1px solid #377837; border-radius: 50px; text-decoration: none; color: #377837; font-weight:bold; } #support-the-animals .amazon-shop-section {margin-top: 9%;} #support-the-animals .amazon-shop-section h2 {font-size: 55px; line-height: 65px; color: #1A603A; margin-bottom: 5% !important;} #support-the-animals .amazon-shop-section img {border-radius: 10px 10px 0 0;} #support-the-animals .amazon-shop-section .text-box {background: #1A603A; max-width: 524px; color: #fff; margin: 0px auto; border-radius: 0 0 10px 10px; padding: 3%;} #support-the-animals .amazon-shop-section .text-box h3 {font-size: 27px; line-height: 37px; color: #fff;} #support-the-animals .amazon-shop-section .text-box a {font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #F6A65B; color: #fff; padding: 15px 25px; border-radius: 3px; border-radius: 50px;} #support-the-animals .memberships {margin-top: 14%;} #support-the-animals .memberships img {border-radius: 10px;} #support-the-animals .memberships .text-content {background: #1A603A; border-radius: 10px; color: #fff; padding: 5% 3% 3%;} #support-the-animals .memberships h3 {font-size: 55px; line-height: 65px; color: #fff;} #support-the-animals .memberships .content-btn, #support-the-animals .memberships .content-btn-alt {display: inline-block;} #support-the-animals .memberships .content-btn a {background: #fff; color: #377837;} #support-the-animals .memberships .content-btn-alt a {border-color: #fff; color: #fff; background: none;} #support-the-animals .memberships {position: relative;} #support-the-animals .memberships .img-holder {position: absolute; width: 54%; right: -14px; z-index: -1; top: 40px;} #support-the-animals .adopt-sponsor { margin-top: 14%; } #support-the-animals .adopt-sponsor img { border-radius: 10px; } #support-the-animals .adopt-sponsor .text-content { background: #377837; border-radius: 10px; color: #fff; padding: 5% 3% 3%; } #support-the-animals .adopt-sponsor h3 { font-size: 55px; line-height: 65px; color: #fff; } #support-the-animals .adopt-sponsor .content-btn { display: inline-block; } #support-the-animals .adopt-sponsor .content-btn a { background: #fff; color: #377837; } #support-the-animals .adopt-sponsor { position: relative; } #support-the-animals .adopt-sponsor .img-holder { position: absolute; width: 54%; left: -14px; z-index: -1; top: 40px; } #support-the-animals .support-ctas {margin-top: 14%;} #support-the-animals .support-ctas h3 {color: #377837; font-size: 27px; line-height: 37px;} #support-the-animals .support-ctas img {border-radius: 10px;} #support-the-animals .legacy-giving {margin-top: 5%; padding: 7% 0 5%; color: #fff;} #support-the-animals .legacy-giving img {border-radius: 10px;} #support-the-animals .legacy-giving h3 {font-size: 55px; line-height: 65px; color: #fff;} #support-the-animals .legacy-giving a {display: inline-block; padding: 10px 35px; background: #fff; border-radius: 50px; text-decoration: none; color: #0C382C; font-weight:bold; } @media(max-width: 1030px){ #support-the-animals .donation-types .text-content h2, #support-the-animals .amazon-shop-section h2, #support-the-animals .memberships h3, #support-the-animals .legacy-giving h3 {font-size: 40px; line-height: 50px;} #support-the-animals .amazon-shop-section .text-box h3, #support-the-animals .support-ctas h3 {font-size: 24px; line-height: 34px;} } @media(max-width: 770px){ #support-the-animals .memberships .img-holder {position: relative; width: 100%; right: inherit; top: inherit;} #support-the-animals .memberships .text-content {width: 100%; margin-bottom: 25px;} #support-the-animals .adopt-sponsor .img-holder { position: relative; width: 100%; right: inherit; top: inherit;} #support-the-animals .amazon-shop-section .text-box {margin-bottom: 25x;} } @media(max-width: 550px) { #support-the-animals .memberships .content-btn {margin-bottom: 10px !important;} #support-the-animals .adopt-sponsor h3 {font-size: 40px; line-height: 50px;} } /* Memberships & PAWS */ #memberships h2 {font-size: 55px; line-height: 65px; color: #1A603A; } #memberships h3 {color: #377837; font-size: 27px; line-height: 37px;} #memberships .tier-info .vc_tta-tabs-list {padding:0;} #memberships .tier-info .vc_tta-tab a span {font-weight: bold;} #memberships .tier-info .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {color: #fff; background-color: #0C382C; border: none;} #memberships .tier-info .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {border: 2px solid #0C382C; color: #0C382C; background: none;} #memberships img {border-radius: 10px;} #memberships .tablepress .odd td, #memberships .tablepress .even td {background:#f0f6e9; border: none; border-bottom: 3px solid #fff; padding: 12px 10px; vertical-align: middle;} #memberships .tablepress tfoot th, #memberships .tablepress thead th {background: none;} #memberships .column-1 {font-weight: bold;} #memberships .tablepress i {color:#00860e; font-size: 22px; vertical-align: middle;} #memberships .tablepress .fa-x {color: #ff0000;} #thank-you h2 { font-size:55px; color:#fff; } #thank-you .content-btn a { background:#fff; color:#0C382C; } @media(max-width: 770px){ #memberships h2 {font-size: 40px; line-height: 50px;} #memberships h3 {font-size: 27px; line-height: 37px;} } @media(max-width: 450px){ #memberships h2 {font-size: 35px; line-height: 45px;} #memberships .tablepress thead {display: none;} #memberships .tablepress .odd td, #memberships .tablepress .even td {display: block;} #memberships td:before { top: 6px;left: 6px;width: 45%;padding-right: 10px; white-space: nowrap; /* font-weight: bold; */} #memberships td:nth-of-type(1):before { content: ""; display: none; } #memberships td:nth-of-type(2):before { content: "Pride Membership:"; } #memberships td:nth-of-type(3):before { content: "Friends of India:"; } #memberships td:nth-of-type(4):before { content: "Bam Bam Benefactor:"; } #memberships td:nth-of-type(5):before { content: "Kenny Fellowship:"; } #memberships td:nth-of-type(6):before { content: "Hilda Jackson Society:"; } } /* Legacy Giving */ #legacy-giving h2 {font-size: 55px; line-height: 65px; color: #1A603A; } #legacy-giving h3 {color: #377837; font-size: 27px; line-height: 37px;} #legacy-giving img {border-radius: 10px;} @media(max-width: 770px){ #legacy-giving h2 {font-size: 40px; line-height: 50px;} #legacy-giving h3 {font-size: 27px; line-height: 37px;} } /* About */ #about .intro {background: #fff; border-radius: 10px 10px 0 0; margin-top: -40px; margin-bottom: 7%;} #about .intro h2 {font-size: 55px; line-height: 65px; color: #1A603A; padding-top: 5%;} #about .vision {position: relative; margin-bottom: 23%;} #about .vision .text-box {background: #377837; border-radius: 10px; padding: 5%; color: #fff;} #about .vision .text-box h3 {font-size: 55px; line-height: 65px; color: #fff;} #about .vision img {border-radius: 10px;} #about .vision .image {width: 55%; position: absolute; right: -15px; top: 24px; z-index: -1;} #about .cornerstone h2 {font-size: 55px; line-height: 55px;} #about .cornerstone img {border-radius: 50%; max-width: 300px;} #about .commitment h2 {font-size: 55px; line-height: 65px; color: #1A603A; padding-top: 5%;} #about .commitment .commitment-boxes {max-width: 1000px; margin: 0px auto;} #about .commitment .commitment-boxes .vc_column-inner {padding: 15% 10% 2%; color: #fff; text-align: center; min-height: 560px; } #about .commitment .commitment-boxes .vc_col-sm-6 {margin: 0 10px; width: calc(50% - 20px); border-radius: 10px;} #about .commitment .commitment-boxes h3 {color: #fff; font-size: 37px; line-height: 47px;} #about .commitment a {text-decoration: none;font-size: 18px; white-space: nowrap; background: #fff; color: #1A603A; padding: 15px 25px; border-radius: 50px;} #about .commitment .commitment-boxes i {background: #fff; width: 120px; height: 120px; line-height: 120px; font-size: 50px; border-radius: 50%;} #about .commitment .commitment-boxes .one {background: #1A603A;} #about .commitment .commitment-boxes .one i {color: #1A603A;} #about .commitment .commitment-boxes .two {background: #377837;} #about .commitment .commitment-boxes .two i {color: #377837;} #about .commitment .commitment-boxes .three {background: #586A30;} #about .commitment .commitment-boxes .three i {color: #586A30;} #about .story-section {padding: 10% 0; color: #fff; margin-top: 10%;} #about .story-section .wpb_text_column {max-width: 1100px;} #about .story-section h3 {font-size: 55px; line-height: 65px; color: #fff;} #about .story-section p {margin-bottom: 15px;} #about .story-section a {text-decoration: none;font-size: 18px; white-space: nowrap; background: #fff; color: #1A603A; padding: 15px 25px; border-radius: 50px;} #about .blog-section {padding: 8% 0;} #about .blog-section h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #about .blog-section h4 {font-size: 27px; line-height: 37px;} #about .blog-section .vc_btn3 {background:#F6A65B; font-weight: bold; font-size: 18px; border-radius: 50px;} #about .blog-section .vc_gitem-zone {border-radius: 10px;} #about .financial-info {padding: 6% 0;} #about .financial-info h2 {font-size: 55px; line-height: 65px; color: #fff;} #about .financial-info .latest-documents h3 a {color: #fff; text-decoration: none; font-size: 25px;} #about .financial-info .content-btn a {color:#1A603A; background: #fff;} #about .newsletters {padding: 7% 0 5%;} #about .newsletters h2 {font-size: 55px; line-height: 65px; color:#1A603A;} #about .newsletters h3 a {text-decoration: none; color:#377837; font-size: 27px;} #about .newsletter-cta {background: #586A30; text-align: center; padding: 2% 0 1%;} #about .newsletter-cta .text {display:inline-block;} #about .newsletter-cta h3 {color: #fff; display: inline-block; font-size: 30px; line-height: 40px; padding-right: 15px; vertical-align: sub;} #about .btn1, #about .btn2 {display: inline-block;} #about .btn1 a {text-decoration: none;font-size: 18px; white-space: nowrap; background: #fff; color: #586A30; padding: 15px 25px; border-radius: 50px; margin-right: 10px;} #about .btn2 a {text-decoration: none;font-size: 18px; white-space: nowrap; background: none; border: 2px solid #fff; color: #fff; padding: 15px 25px; border-radius: 50px;} @media(max-width: 770px){ #about .intro h2, #about .vision .text-box h3, #about .commitment h2 {font-size: 55px; line-height: 55px;} #about .story-section h3, #about .blog-section h2, #about .financial-info h2, #about .newsletters h2, #about .cornerstone h2 {font-size: 40px; line-height: 50px; } #about .vision {margin-bottom: 7%;} #about .vision .image { width: inherit; position: relative; right: 0; top: 0; margin-top: 25px;} #about .commitment .commitment-boxes h3 {font-size: 27px;} #about .financial-info .latest-documents .vc_col-sm-3 {width: 50%;} #about .btn1 {margin-bottom: 10px !important;} } @media(max-width: 500px){ #about .commitment .commitment-boxes .vc_col-sm-6 {width: 100%; margin: 0; margin-bottom: 20px;} #about .intro h2, #about .vision .text-box h3, #about .commitment h2 {font-size: 37px; line-height: 47px;} } /* Volunteer */ #volunteer .entry-content { margin:0 auto; } #volunteer .volunteer-entry {margin-bottom: 5%; border-bottom: 1px solid #ededed; padding-bottom: 7%;} #volunteer .volunteer-entry:last-child {border-bottom: none;} #volunteer .volunteer-entry .details {padding-left: 7%;} #volunteer .volunteer-entry .details h3 {color: #377837; font-size: 35px; line-height: 45px; font-weight: 700;} #volunteer .volunteer-entry .details a {text-decoration: none;} #volunteer .volunteer-entry .details h3 i {padding-left: 15px; font-size: 28px; padding-bottom: 15px;} #volunteer .volunteer-entry img {border-radius: 5px;} #volunteer .content-btn { text-decoration: none; font-size: 18px; white-space: nowrap; background: #f2963f; color: #fff; padding: 15px 25px; border-radius:60px; font-weight: bold; display: inline-block;} #volunteer .content-btn:hover { opacity: .8; transition: ease-in-out .3s; } @media(max-width: 770px){ #volunteer .volunteer-entry .col-60, #volunteer .volunteer-entry .col-40 {width: 100%;} #volunteer .volunteer-entry .details {padding-left: 0; padding-top: 7%;} } @media(max-width: 450px){ #volunteer .volunteer-entry .details h3 {font-size: 30px; line-height: 40px;} } /* Our Team */ #our-team .entry-content { margin:0 auto; } #our-team .top-bar {margin-bottom: 5%;} #our-team .top-bar button {cursor: pointer; background: none; border: none; color: #377837; font-weight: bold; font-size: 22px; font-family: 'Radio Canada', sans-serif; margin-right: 3%;} #our-team .top-bar .tab-switcher.active {border-bottom: 3px solid #377837;} #our-team .team-section .member {text-align: center; min-height: 550px; margin: 0 10px; margin-bottom: 5%; width: calc(25% - 20px);} #our-team .team-section .member h3 {margin-top: 4%;} #our-team .team-section .member .photo {border-radius: 50%; width: 100%; max-width: 300px; height: 20vw; max-height: 300px; margin: 0px auto;} #our-team .team-section .member .social {margin-top: 3%;} #our-team .team-section .member .social i {background:#377837; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff;} #our-team .team-section .member p {padding-bottom: 10px;} #our-team .team-section .member .desc {font-style: italic;} #our-team .team-section.staff {display: none;} #our-team .team-section.leadership {display: none;} @media(max-width: 875px){ #our-team .team-section .member {width: calc(33.333% - 20px); min-height: 480px;} #our-team .team-section .member .photo {width: 175px; height: 175px;} } @media(max-width: 675px){ #our-team .team-section .member {width: calc(50% - 20px); } } @media(max-width: 450px){ #our-team .team-section .member {width: 100%; min-height: inherit; margin: 0; margin-bottom:20%;} } /* Our Animals */ #our-animals .top-bar {margin-bottom: 5%;} #our-animals .top-bar button {cursor: pointer; background: none; border: none; color: #377837; font-weight: bold; font-size: 22px; font-family: 'Radio Canada', sans-serif; margin-right: 3%;} #our-animals .top-bar .tab-switcher.active {border-bottom: 3px solid #377837;} #our-animals .tab-container.lions, #our-animals .tab-container.bears, #our-animals .tab-container.hybrid, #our-animals .tab-container.cougar, #our-animals .tab-container.serval, #our-animals .tab-container.bobcat, #our-animals .tab-container.other {display: none;} /* #our-animals .fotorama__stage__frame, #our-animals .fotorama__stage__shaft, #our-animals .fotorama__stage, #our-animals .fotorama__nav {max-width: 1000px; margin: 0px auto;} #our-animals .fotorama__stage__frame {max-height: 860px;} */ #our-animals .fotorama__html {text-align: center;} #our-animals .fotorama__caption {text-align: center;} #our-animals .fotorama__caption__wrap {font-size: 25px; font-family:'Radio Canada', sans-serif; font-weight: bold; background: #F6A65B; color: #fff;} #our-animals .sponsor-link {background: #F6A65B; color: #fff; padding: 12px 25px; text-decoration: none; font-weight: bold; font-size: 18px; position: relative; top: 27px; border-radius: 60px; left: 0px;} #our-animals .entry-content {margin: 0px auto;} @media(max-width: 550px){ #our-animals .fotorama__caption__wrap {font-size: 17px;} #our-animals .sponsor-link { top: 10px; padding: 5px 15px; font-size: 14px;} #our-animals .top-bar button {font-size: 18px; margin-bottom: 4%;} } /* Internships */ #internships h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #internships .vc_tta-tabs h2 {font-size: 40px; line-height: 50px; color: #377837;} #internships .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {color: #fff; background-color: #0C382C; border: none; border-radius: 50px;} #internships .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {border: 2px solid #0C382C; color: #0C382C; background: none; border-radius: 50px;} #internships .vc_tta-tabs-list ul {padding: 0;} #internships .intro-section .btn a {font-weight: bold; text-decoration: none; font-size: 18px; white-space: nowrap; background: #F6A65B; color: #fff; padding: 15px 25px; border-radius: 3px; border-radius: 50px;} #internships .gallery {margin-bottom: 5%;} @media(max-width: 800px){ #internships h2 {font-size: 35px; line-height: 45px;} } @media(max-width: 500px){ #internships .gallery {display: none;} } /* History */ #history h2 {font-size: 55px; line-height: 65px; color: #1A603A;} #history .born h2, #history .born p, #history .text-box h2, #history .text-box p {color: #fff;} #history .first, #history .second {margin-bottom: 6%;} #history img {border-radius: 10px;} #history .born {padding: 10% 0;} #history .text-box {background:#377837; border-radius: 10px; padding: 5% 7% 3%;} @media(max-width: 800px){ #history h2 {font-size: 35px; line-height: 45px; } } /* Sponsorships Adoptions */ #sponsorships-adoptions .entry-content { margin:0 auto; } #sponsorships-adoptions .sa-entry {margin-bottom: 5%; border-bottom: 1px solid #ededed; padding-bottom: 7%;} /* #sponsorships-adoptions .sa-entry:last-child {border-bottom: none;} */ #sponsorships-adoptions .sa-entry .details {padding-left: 7%;} #sponsorships-adoptions .sa-entry .details h3 {color: #377837; font-size: 35px; line-height: 45px; font-weight: 700;} #sponsorships-adoptions .sa-entry .details a {text-decoration: none;} #sponsorships-adoptions .sa-entry .details h3 i {padding-left: 15px; font-size: 28px; padding-bottom: 15px;} #sponsorships-adoptions .sa-entry img {border-radius: 5px;} #sponsorships-adoptions .content-btn { text-decoration: none; font-size: 18px; white-space: nowrap; background: #f2963f; color: #fff; padding: 15px 25px; border-radius:60px; font-weight: bold; display: inline-block;} #sponsorships-adoptions .content-btn:hover { opacity: .8; transition: ease-in-out .3s; } #sponsorships-adoptions .animal-type-target2, #sponsorships-adoptions .animals-target {width: 100%; max-width: 600px;} #sponsorships-adoptions .form {text-align: center;} #sponsorships-adoptions .form h2 {font-size: 40px; line-height: 50px;} #sponsorships-adoptions .paypal-btn {background: #f2c62c; max-width: 150px; padding: 10px; border-radius: 5px; margin-top: 20px;} @media(max-width: 770px){ #sponsorships-adoptions .sa-entry .col-60, #sponsorships-adoptions .sa-entry .col-40 {width: 100%;} #sponsorships-adoptions .volunteer-entry .details {padding-left: 0; padding-top: 7%;} } @media(max-width: 450px){ #sponsorships-adoptions .sa-entry .details h3 {font-size: 30px; line-height: 40px;} } /* Enrichment */ #enrichment h2 {font-size: 40px; line-height: 50px;} #enrichment .form {text-align:center;} #enrichment .form table {margin: 0px auto; width: 100%;} #enrichment .form table select {width: 100%; max-width: 500px;} #enrichment .intro img {border-radius: 10px;} #enrichment .intro {margin-bottom: 7%;} #enrichment .categories {margin-top: 5%; padding-bottom: 10%;} #enrichment .categories h3 {font-size: 35px; line-height: 45px;} #enrichment .logo-section {text-align: center; display: flex;} #enrichment .logo-section .wpb_single_image {display: inline-block; padding: 0 10px;} #enrichment .logo-section .wpb_wrapper {display: flex; justify-content: center; align-items: center;} @media(max-width: 768px){ #enrichment .gallery-section .vc_col-sm-2 {width: 25%; display: inline-block;} } /* Video Modal */ .modal-thumbnail {cursor: pointer;} .global-video-modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0,0,0,.85);} .global-video-modal .global-video-modal-frame {transform: translate(-50%); top: 50%; left: 50%; right: 50%; bottom: 50%; position: absolute; overflow: hidden; width: 60%; margin: auto; padding-top: 34%;} .global-video-modal .global-video-modal-frame iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;} /* Giving Tuesday */ #giving-tuesday .intro {margin-bottom: 5%;} #giving-tuesday .intro h2, #giving-tuesday .milestones h2 {font-size: 55px; line-height: 65px;} #giving-tuesday .intro h2 span {font-size: 30px; line-height: 40px; color: #000;} #giving-tuesday .intro h3, #giving-tuesday .info-section h3 {font-size: 40px; line-height: 50px;} #giving-tuesday .intro .socials {text-align: center;} #giving-tuesday .intro .socials i {color: #377837; font-size: 30px; padding: 0 5px;} #giving-tuesday .info-section {margin-bottom: 10%;} #giving-tuesday .info-section .text-content .vc_column-inner {background: #377837; border-radius: 10px; padding: 6% 6% 2%;} #giving-tuesday .info-section .text-content, #giving-tuesday .info-section .text-content h3, #giving-tuesday .info-section .text-content p a, #giving-tuesday .info-section .text-content li a {color: #fff;} #giving-tuesday .info-section .text-content li a {font-weight: bold;} #giving-tuesday .milestones {margin-top: 7%;} #giving-tuesday .milestones .vc_row.vc_inner {display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #ededed; margin-bottom: 3%;} #giving-tuesday .milestones .vc_row.vc_inner:last-child {border-bottom: none;} #giving-tuesday .milestones .vc_row.vc_inner h3 {font-size: 26px; line-height: 36px;} @media(max-width: 770px){ #giving-tuesday .info-section.second {flex-direction: column-reverse; } } @media(max-width: 550px){ #giving-tuesday .intro h2 span {font-size: 23px; line-height: 33px;} #giving-tuesday .intro h2, #giving-tuesday .milestones h2 {font-size: 40px; line-height: 50px;} } @media(max-width: 450px){ #giving-tuesday .milestones .vc_row.vc_inner {flex-wrap: wrap; margin-bottom: 15%;} #giving-tuesday .milestones .vc_row.vc_inner .wpb_text_column.wpb_content_element {margin-bottom: 5%;} } /* Tiger Queen */ #tiger-queen-page .intro-section {margin: 7% 0 5%;} #tiger-queen-page .intro-section h2, #tiger-queen-page .ling-section h3, #tiger-queen-page .quick-facts h3, #tiger-queen-page .luna-section h3, #tiger-queen-page .cta-section h3 {font-size: 50px; line-height: 60px;} #tiger-queen-page .ling-section, #tiger-queen-page .quick-facts, #tiger-queen-page .luna-section {margin-bottom: 7%;} #tiger-queen-page .quick-facts h3 {color:#377837;} #tiger-queen-page .quick-facts img {border-radius: 10px;} #tiger-queen-page .cta-section {padding: 10% 0; text-align: center;} #tiger-queen-page .cta-section h3 {color: #fff;} #tiger-queen-page .content-btn, #tiger-queen-page .content-btn-alt {display: inline-block; padding: 0 5px;} #tiger-queen-page .content-btn a {background: #fff; color:#377837;} #tiger-queen-page .content-btn-alt a {color: #fff; border: 3px solid #fff; background: none;} #tiger-queen-page .text-content .vc_column-inner {background: #377837; border-radius: 10px; padding: 8% 8% 3%;} #tiger-queen-page .text-content .vc_column-inner li, #tiger-queen-page .text-content .vc_column-inner p, #tiger-queen-page .text-content .vc_column-inner h3, #tiger-queen-page .text-content .vc_column-inner h2, #tiger-queen-page .text-content .vc_column-inner a {color: #fff;} @media(max-width: 767px){ /* #tiger-queen-page .ling-section .text-content .vc_column-inner, #tiger-queen-page .luna-section .text-content .vc_column-inner {margin-bottom: 10%;} */ #tiger-queen-page .ling-section, #tiger-queen-page .luna-section {flex-direction: column-reverse; } #tiger-queen-page .intro-section, #tiger-queen-page .ling-section, #tiger-queen-page .quick-facts, #tiger-queen-page .luna-section {margin-bottom: 20%;} } @media(max-width: 500px){ #tiger-queen-page .intro-section h2, #tiger-queen-page .ling-section h3, #tiger-queen-page .quick-facts h3, #tiger-queen-page .luna-section h3, #tiger-queen-page .cta-section h3 {font-size: 30px; line-height: 40px;} }