/* Theme Name:Premier Pet Relocation Theme URI: http://xxx.com/ Template: builder Version: 3.4 Updated: 10/10/2024 Author: Thomas Digital Author URI: https://www.thomasdigital.com Description: Builder with drag and drop elements using wireframe kit design. Tags: wordpress, bootstrap, wireframe, acf */ /*------------------------------------------ #MARK: ROOT ------------------------------------------*/ /* #region */ :root { --font-size: 17px; --font-1: 'Poppins'; --h1: 70px; --h1m: 60px; --h1s: 50px; --h2: 40px; --h3: 30px; --h3l: 35px; --h4: 25px; --h5: 20px; --h6: 17px; --color1: #505050; --color2: #004882; --color3: #333; --color4: #FFA200; --color42: #FF7F00; --color5: #976000; --color6: #0A5179; --color7: #898989; --colorwh: #FFF; --colorbl: #000; --colordark: #151515; --colordarker: #112025; --colordark2: #2D2D2D; --darktitle: white; --darktext: white; --a: #DDA15E; --hover: #FFA200; } /* #endregion */ /*------------------------------------------ #MARK: GENERAL ------------------------------------------*/ /* #region */ .element h1, .element h2, .element h3, .element h4, .element h5, .element h6 { font-weight: 600; line-height: 120%; color: var(--color2); } .element h1 { color: var(--colordark); } .element h2 { line-height: 112.5%; } .element h5 { font-weight: 500; line-height: 170%; color: var(--colordark2); } .element h6 { color: var(--color3); } .element .atitle { font-weight: 500; line-height: 170%; color: var(--colordark2); } .ptext { line-height: 170%; } [data-theme="dark"] .ptext, [data-theme="dark"] .dtext, [data-theme="dark"] .itext { color: var(--darktext); } .home [data-theme="dark"] .ptext, .home [data-theme="dark"] .dtext { color: rgba(255, 255, 255, 0.7); } .text-fsize20 .ptext, .text-fsize20 .dtext { font-size: 20px; } .dtext ul, .ptext ul { margin: -20px 0 5px 0; padding: 0; list-style: none; } .js-tabs .dtext ul, .js-tabs .ptext ul{ margin: -15px 0 20px 0; } .js-tabs .dtext ul li > ul, .js-tabs .ptext ul li > ul{ margin: 10px 0 20px 0; } .dtext ul li, .ptext ul li { background: url('images/icons/list-bullet.svg') no-repeat left 9px; padding: 6px 0 6px 29px; line-height: 120%; } .col-accordion.contact-list-dot .dtext ul {margin: 0px 0 20px 0;} .col-accordion .dtext > ul:not(:first-of-type) {margin-top:0px;} .col-accordion .dtext ul:last-child {margin-bottom:0px;} .col-accordion.contact-list-dot .dtext ul li {background: none; padding: 6px 0 6px 26px; position: relative} .col-accordion.contact-list-dot .dtext ul li::before {content: ""; background:#505050; border-radius: 100%; position:absolute; top: 13px; left: 10px; width: 5px; height: 5px;} p { margin-bottom: 30px; line-height: 170%; } .home p { line-height: 205.882%; } .text-fsize20 p { line-height: 175%; } /** Backgrounds **/ .bg-grey { background-color: #F6F6F6; } .bg-lineargradient-blue { background: linear-gradient(270deg, #001221 0%, #002A4B 100%); } .bg-lgblue-halfbtm:before { width: 100%; height: 50%; background: linear-gradient(270deg, #001221 0%, #002A4B 100%); position: absolute; bottom: 0; left: 0; content: ''; } .bg-lineargradient-skyblue { background: linear-gradient(261deg, #8DD5FF 11.55%, #2D9CDE 82.36%); } /** Sliders **/ .element .slide-bg.is-grid, .element .slide-bg.is-inner { padding: 0; } .slide-bg .owlbtn { width: 36px; height: 36px; border: 1px solid #E1E1E1; border-radius: 100px; } [data-theme="dark"] .slide-bg .owlbtn { border: 1px solid rgba(233, 233, 233, 0.31); } .element .slide-bg .owlprev { left: -66px; } .element .slide-bg .owlnext { right: -66px; } .element .slide-bg .owlbtn:hover, .element .slide-bg .owlbtn:focus-visible { opacity: 0.7; } /* #endregion */ /*------------------------------------------ #MARK: BUTTONS ------------------------------------------*/ /* #region */ [data-margin] .btn-loop { margin-top: 40px; gap: 20px; } .abtn-loop { margin-top: 30px; } .btn { font-weight: 500; font-size: 14px; font-family: var(--font-1); text-transform: capitalize; padding: 12px 23px; line-height: normal; border-radius: 100px; } .btn span { position: relative; color: inherit; text-wrap: nowrap; } .btn-1 { background-color: var(--color4); padding-top: 11.5px; padding-bottom: 11.5px; border: 0; } .element .btn-1 { color: var(--colorwh); } .cta-btnwhite .btn-1 { color: var(--colorwh); } .element .btn-1:hover, .element .btn-1:focus-visible { background-color: var(--colorwh); color: var(--hover); } .btn-1:after { background: var(--colorwh); } /* #endregion */ /*------------------------------------------ #MARK: HEADER ------------------------------------------*/ /* #region */ header .menu_wrap { padding: 10px 0; transition: padding 0.3s ease, background 0.3s ease; } .sticky-head .menu_wrap { background-color: var(--colorwh); padding: 5px 0; } .navbar-brand { width: 177px; } .navbar .navbar-brand { margin-right: 160px; } .sticky-head .navbar-brand { width: 150px; } /* #endregion */ /*------------------------------------------ #MARK: MENUS ------------------------------------------*/ /* #region */ .main-menu .navbar-nav { font-weight: 500; font-size: 14px; letter-spacing: 0.42px; text-transform: lowercase; } #navbar-home .navbar-nav { gap: 37px; } .main-menu .menu-item { padding: 0; } .main-menu .navbar-nav .nav-link { padding: 0; } .main-menu .nav-link span { color: var(--color3); } .main-menu .dropdown-toggle:after { display: none; } .main-menu .menu-item.active .nav-link span, .main-menu .menu-item .nav-link:hover span { color: var(--hover); } .navbar-nav .dropdown-menu { min-width: 200px; padding: 10px 0; border: 0; order-radius: 0; } .navbar-nav .dropdown-menu .menu-item a { padding: 8px 20px; color: inherit; } .navbar-nav .dropdown-menu .menu-item a:hover, .navbar-nav .dropdown-menu .active a { background-color: var(--hover); color: var(--colorwh); } #navbar-home .menu-extension { margin-left: auto; } /* #endregion */ /*------------------------------------------ #MARK: FOOTER ------------------------------------------*/ /* #region */ .footer-0 .wrap { font-size: 15px; padding-top: 74px; padding-bottom: 38px; color: var(--color3);} .footer-0 .dtop { padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);} .footer-0 .row { justify-content: space-between;} .footer-0 .col-footnote { font-weight: 700; text-align: center; padding-top: 37px; color: var(--colordarker);} .footer-0 a { color: inherit;} .footer-0 .navbar-brand { width: 205px; margin-bottom: 44px;} .footer-menu .menu-title { font-size: var(--h5); margin-bottom: 22px; line-height: 150%;} .footer-menu ul { margin: 0; padding: 0; list-style: none;} .footer-menu ul .menu-item { margin: 0; padding: 0; line-height: 200%;} .footer-menu .menu-item .is-active { color: var(--hover);} .col-footnote .dtext p { padding: 0 12px; display: inline-block;} .logo-ticker .owl-noslide { column-gap: 43px;} .logo-ticker .owl-noslide .logo-h img { max-height: 33px;} .copyright { font-size: 13px; text-transform: lowercase; padding-top: 34px;} /* #endregion */ /*------------------------------------------ #MARK: GFORMS + FANCYBOX ------------------------------------------*/ /* #region */ body .gform .gform_required_legend { display: none;} body .gform_wrapper.gform-theme .gform_fields { flex-wrap: wrap; column-gap: 30px; row-gap: 30px;} body.home .gform-contactopt-01 .gform_wrapper.gform-theme .gform_fields { flex-wrap: wrap; column-gap: 15px; row-gap: 15px;} body .gform_wrapper.gform-theme .gfield { position: relative;} body .gform_wrapper.gform-theme .gfield--type-section { text-align: center; margin-top: 30px; margin-bottom: 15px; border: 0;} body .gform_wrapper.gform-theme .gfield--type-repeater_start { display: none;} body .gform_wrapper.gform-theme .gfield--type-repeater_end .repeater-field-item { background-color: #F6F6F6; padding: 28px 50px !important; border-radius: 10px; margin-bottom: 30px !important} body .gform_wrapper.gform-theme .gfield .repeater-field-header { margin-bottom: 0;} body .gform_wrapper.gform-theme .gfield .repeater-field-header-title { font-weight: 600; font-size: var(--h4); color: var(--color2);} body .gform_wrapper.gform-theme .gfield .repeater-field-header-acctions { text-align: right;} body .gform_wrapper.gform-theme .repeater-field-header-acctions .icon-down-open:before { font-weight: 700; font-size: 30px; line-height: 0; vertical-align: top; content: '_'; color: var(--colordark2);} body .gform_wrapper.gform-theme .repeater-field-header-acctions .icon-up-open:before { font-weight: 700; font-size: 30px; line-height: 0; vertical-align: middle; content: '+'; color: var(--colordark2);} body .gform_wrapper.gform-theme .gfield .repeater-field-content { margin-bottom: 40px;padding-top:30px} body .gform_wrapper.gform-theme .gfield .repeater-field-footer { text-align: right; margin-top:-10px;} body .gform_wrapper.gform-theme .gfield .repeater-field-footer a { background-color: transparent !important; color: var(--color2) !important; font-family: var(--font-1); font-size: 15px; font-style: normal; font-weight: 500; line-height: 170%; /* 25.5px */ transition: all .3s; padding: 0 !important; } body .gform_wrapper.gform-theme .gfield .repeater-field-footer a:hover {background-color: transparent !important; box-shadow: none !important;} body .gform_wrapper.gform-theme .gfield .gfield_label { font: 500 20px var(--font-1); margin-bottom: 10px; line-height: 170%; color: var(--colordark2);} body .gform_wrapper.gform-theme .gfield .gfield_required { font-weight: 500; font-size: 21px; margin-left: 0; color: var(--hover);} body .gform_wrapper.gform-theme .gfield input[type="text"], body .gform_wrapper.gform-theme .gfield input[type="email"], body .gform_wrapper.gform-theme .gfield input[type="tel"], body .gform_wrapper.gform-theme .gfield input[type="number"], body .gform_wrapper.gform-theme .gfield select, body .gform_wrapper.gform-theme .gfield textarea { height: 50px; background: #F6F6F6; font: 400 17px var(--font-1); padding: 0 30px; box-shadow: none; border: 0; border-radius: 10px;} body .gform_wrapper.gform-theme .gfield--type-repeater_end input[type="text"], body .gform_wrapper.gform-theme .gfield--type-repeater_end input[type="email"], body .gform_wrapper.gform-theme .gfield--type-repeater_end input[type="tel"], body .gform_wrapper.gform-theme .gfield--type-repeater_end input[type="number"], body .gform_wrapper.gform-theme .gfield--type-repeater_end select, body .gform_wrapper.gform-theme .gfield--type-repeater_end textarea { background: var(--colorwh);} body .gform_wrapper.gform-theme .gfield textarea { font-size: 17px; padding: 15px 30px 10px; overflow: auto; resize: none} body .gform-theme--foundation .ginput_address_country {inline-size:100%;} body .gform_wrapper.gform-theme .gfield textarea.small { min-block-size: 55px;} body .gform_wrapper.gform-theme .gfield textarea.medium { min-block-size: 150px;} body .gform_wrapper.gform-theme .gfield textarea.large { min-block-size: 200px;} body .gform_wrapper.gform-theme .gfield select { font-size: 15px; opacity: 1; color: #6E6E6E;} body .gform_wrapper.gform-theme .gfield .gfield_description { font-style: italic; font-size: 15px; margin-top: 17px; color: #A8A8A8;} body .gform_wrapper.gform-theme .gfield input::placeholder, body .gform_wrapper.gform-theme .gfield textarea::placeholder { font-size: 15px; opacity: 1; color: #6E6E6E;} body .gform_wrapper.gform-theme .gfield .gform-button { height: 60px !important; background: var(--color4) !important; font: 600 20px var(--font-1) !important; padding: 0 50px !important; border: 0 !important; border-radius: 50px !important; color: var(--colorwh) !important;} body .gform_wrapper.gform-theme .gfield .gform-button:hover, body .gform_wrapper.gform-theme .gfield .gform-button:focus-visible { background: var(--colorwh) !important; color: var(--hover) !important;} body .gform_wrapper.gform-theme .gform-footer { margin-top: 67px; justify-content: center; column-gap: 40px; row-gap: 20px;} body.page-id-707 .gform_wrapper.gform-theme .gform-footer {margin-top: 30px;} body .gform_wrapper.gform-theme .gform-footer .gform_button { height: 60px !important; background: var(--color4) !important; font: 600 20px var(--font-1) !important; padding: 0 50px !important; border: 0 !important; border-radius: 50px !important; color: var(--colorwh) !important;} body .gform_wrapper.gform-theme .gform-footer .gform_button:hover, body .gform_wrapper.gform-theme .gform-footer .gform_button:focus-visible { background: var(--colorwh) !important; color: var(--hover) !important;} body .gform_wrapper.gform-theme .gform_validation_errors, body .gform_wrapper.gform-theme .gfield_validation_message { display: none; visibility: hidden;} body .gform_wrapper.gform-theme .gfield_error input[type="text"], body .gform_wrapper.gform-theme .gfield_error input[type="email"], body .gform_wrapper.gform-theme .gfield_error input[type="tel"], body .gform_wrapper.gform-theme .gfield_error select { border: 1px solid var(--gf-ctrl-desc-color-error);} body .gform_wrapper.gform-theme .gfield_error textarea { border: 1px solid var(--gf-ctrl-desc-color-error);} .fancybox__container .fancybox__backdrop { background: rgba(18, 18, 18, 0.80); backdrop-filter: blur(10px);} .fancybox__container .fancybox__content { max-width: 990px; width: 100%; background: var(--colorw); padding: 0; -webkit-animation: fadeInUpHigh 0.3s ease-out both; animation: fadeInUpHigh 0.3s ease-out both;} .fancybox__container .container-md { padding-left: 0; padding-right: 0;} .fancybox__container .fancybox__content .f-button.is-close-btn { width: 40px; height: 40px; background: var(--bcolor1); top: 0; right: 0; opacity: 1; border-radius: 0; color: var(--colorw);} .fancybox__container .fancybox__content .f-button.is-close-btn:hover { background: var(--hover);} .fancybox__container .fancybox__content .f-button svg { width: 20px; height: 20px; stroke-width: 3;} .fancybox__content .row { row-gap: 0;} .fancybox__content .dbanner { width: 100%; position: relative;} .fancybox__content .as-banner { width: 100%; height: 460px; position: relative;} .fancybox__content .as-banner:after { width: 100%; height: 267px; background: linear-gradient(180deg, rgba(11, 11, 11, 0.00) 0%, rgba(11, 11, 11, 0.90) 100%); position: absolute; bottom: 0; left: 0; content: '';} .fancybox__content .as-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%;} .fancybox__content .mtitle { position: absolute; bottom: 0; left: 0; font: 500 50px var(--font-2); padding: 0 0 28px 70px; line-height: 110%; color: var(--colorw);} .fancybox__content .dinfo { font-weight: 300; font-size: 14px; padding: 49px 70px 73px 70px; line-height: 150%; color: rgba(14, 14, 14, 0.70);} .fancybox__content .expertise, .fancybox__content .qualifications, .fancybox__content .interests { padding: 21px 0; border-bottom: 1px solid rgba(196, 196, 196, 0.50);} .fancybox__content .expertise { padding-top: 0;} .fancybox__content .bio { padding: 20px 0 0 0;} .fancybox__content .dinfo h5 { font: 500 16px var(--font-1); text-transform: uppercase; margin-bottom: 20px; line-height: 110%; color: var(--lightitle2);} .fancybox__content .dinfo p { margin-bottom: 22px; line-height: 150%;} .fancybox__content .dinfo p:last-child { margin-bottom: 0;} /* #endregion */ /*------------------------------------------ #MARK: HERO ------------------------------------------*/ /* #region */ .hero-optn .wrap { min-height: 400px;} .hero-optn .color { background-color: rgba(0, 0, 0, 0.3);} .hero-optn .bg-contain { background-size: contain;} .hero-optn [data-row*="bg-bottom-right"] .bg-img { background-position: 85% bottom;} .hero-optn:has(.tlg-gray) [data-row*="bg-bottom-right"] .bg-img { background-position: 85% 7px;} .hero-optn:has(.tlg-lred) [data-row*="bg-bottom-right"] .bg-img { background-position: 90% 7px;} .hero-optn.media-h354 [data-row*="bg-bottom-right"] .bg-img {max-height: 354px; top: unset; bottom: 0; background-position: 86% bottom;} /** Themes **/ .hero-optn .tlg-yellow { background: linear-gradient(90deg, #FFE136 0%, #FFA44A 100%);} .hero-optn .tlg-lblue { background: linear-gradient(90deg, #B6E2FB 0%, #60C5FF 100%);} .hero-optn .tlg-lred { background: linear-gradient(90deg, #EB6565 50.11%, #C53131 100%);} .hero-optn .tlg-bgreen { background: linear-gradient(90deg, #91C225 0%, #B1DE4D 49.89%);} .hero-optn .tlg-lgreen { background: linear-gradient(90deg, #E6F9BC 50.11%, #C4DC8E 100%);} .hero-optn .tlg-gray { background: linear-gradient(90deg, #EAEAEA 50.11%, #C8C8C8 100%);} .hero-optn .tlg-gray:before { width: 100%; height: 100%; background: url('images/world-map.png') no-repeat center; background-size: auto; position: absolute; top: 0; right: 0; content: '';} .hero-optn .tlg-lpurple { background: linear-gradient(90deg, #8966D9 50.11%, #7C56D4 100%);} .hero-optn .tlg-lorange { background: linear-gradient(90deg, #E27A55 50.11%, #E8683A 100%);} .hero-optn .tlg-ldyellow { background: #EBB83E;} .hero-optn .tlg-ldyellow:before { width: 50%; height: 100%; background: linear-gradient(270deg, rgba(235, 184, 62, 0.00) 0%, #EBB83E 13.31%); position: absolute; top: 0; left: 0; content: '';} .hero-optn .tlg-lyellow { background: linear-gradient(90deg, #EBB83E 0%, #FFD674 100%);} .hero-optn .tlg-lred { background: linear-gradient(90deg, #EB6565 50.11%, #C53131 100%);} .hero-optn .ptext, .hero-optn .dtext { font-weight: 500; font-size: var(--h4); text-transform: capitalize; margin-top: 13px; line-height: 130%; color: rgba(0, 0, 0, 0.7);} .hero-optn[data-theme="dark"] .ptext, .hero-optn[data-theme="dark"] .dtext { color: rgba(255, 255, 255, 0.7);} .hero-optn .dtext p { line-height: 130%;} .hero-slider .wrap { min-height: 400px;} .home .hero-slider .wrap { min-height: 550px;} /* .home .hero-slider .bg-img { background-size: auto;} */ .home .hero-slider .bg-img { background-size: cover;} .lcenter .bg-img { background-position: left center;} .rcenter .bg-img { background-position: right center;} .lcenter .color { width: calc(50% + 280px); left: auto; right: 0;} .rcenter .color { width: calc(50% + 280px);} .tpink .color { background: linear-gradient(270deg, #E45570 63.98%, rgba(250, 129, 146, 0.00) 98.33%);} .tlighty .color { background: linear-gradient(270deg, rgba(244, 227, 199, 0.00) 7.7%, #F3E2C6 45.29%);} .lcenter .dinfo { text-align: center;} .hero-slider .ititle { font-size: var(--h1m);} .tpink .ititle { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.30); text-edge: cap; line-height: 120%; color: var(--darktitle);} .tlighty .ititle { font-size: var(--h1s); line-height: normal; color: var(--colorbl);} .hero-slider .ptext, .hero-slider .dtext { font-weight: 500; font-size: 25px; text-transform: capitalize; margin-top: 6px; line-height: 130%; color: rgba(0, 0, 0, 0.7);} .home .hero-slider .ptext, .home .hero-slider .dtext { text-transform: uppercase; line-height: normal;} .home .tpink .ptext, .home .tpink .dtext { color: #4F0000;} .home .tlighty .ptext, .home .tlighty .dtext { color: #A18D6C;} .hero-slider .gform { margin-top: 75px;} .hero-slider .lcenter .gform_wrapper { display: flex; justify-content: center;} .hero-slider .gform .gform_fields { text-align: left; display: flex; gap: 30px;} .hero-slider .gform_wrapper.gform-theme .gfield .gfield_label { position: absolute; top: 15px; font-size: 13px; letter-spacing: 0.65px; margin-bottom: 0; margin-left: 40px; line-height: normal; z-index: 2; color: #A0A0A0;} .hero-slider .gform_wrapper.gform-theme .gfield .gfield_required { display: none;} .hero-slider .gform .gfield .ginput_container_select { position: relative;} body .hero-slider .gform .gfield select { min-width: 370px; height: 80px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF; font-size: 17px; padding: 0 40px; padding-top: 17px; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.01); border: 0; border-radius: 40px; color: var(--color3); display: flex; align-items: center;} .hero-slider .gform .gfield .ginput_container_select:after { width: 12px; height: 6px; background: url('images/icons/dropdown-arrow.svg') no-repeat center; position: absolute; top: 50%; right: 40px; opacity: 0.5; content: '';} .hero-slider .gform_wrapper.gform-theme .gform-footer { margin-top: 0;} body .hero-slider .gform .gfield .gform-button { height: 80px !important; font-weight: 500 !important; padding: 0 35px !important; border: 0 !important;} .hero-slider .owl-dots { max-width: 1170px; bottom: 40px; margin: 0 auto; justify-content: flex-end; gap: 10px;} .hero-slider .owl-carousel .owl-dot { background-color: var(--colorwh); border: 1px solid var(--colorwh);} .hero-slider .owl-carousel .owl-dot.active { background-color: transparent;} .hero-slider .gform-theme--foundation #field_submit {margin-left:-5px;} section.hero-optn:has(.mobile-ver) .mobile-ver {display: none;} @media (max-width: 1024px) { section.hero-slider .gform-theme--foundation #field_submit {margin-left:0px;} } @media (max-width: 767px) { section.hero-optn:has(.mobile-ver) .wrap {padding-bottom:0 !important;} section.hero-optn:has(.mobile-ver) .desktop-ver {display: none;} section.hero-optn:has(.mobile-ver) .mobile-ver {display: block; margin-top: 30px;} section.hero-optn .hero-opt {padding-right: 0; padding-left: 0;} } /* #endregion */ /*------------------------------------------ #MARK: TITLES ------------------------------------------*/ /* #region */ .title-opt .wrap { padding-top: 100px; padding-bottom: 80px;} .title-opt [data-colwidth="9"] .col-info { max-width: 68.505%; flex: 0 0 68.505%;} .title-row .wrap { padding-top: 100px; padding-bottom: 50px;} .title-row [data-col="8-4"] .col-md-8 { max-width: 68.85%; -ms-flex: 0 0 68.85%; flex: 0 0 68.85%;} .title-row [data-col="8-4"] .col-md-4 { max-width: 31.15%; -ms-flex: 0 0 31.15%; flex: 0 0 31.15%;} .title-row [data-col="6-6"] .dinfo { max-width: 540px;} .title-row [data-col="6-6"] .dinfo-head { margin-left: 0;} .title-row [data-margin] .dtext, .title-row [data-margin] .ptext { margin-top: 25px;} .title-row-02 [data-margin] .ptext, .title-row-02 [data-margin] .dtext { margin-top: 0;} .title-row.container-1000 .container-xl {max-width:1000px;} /* #endregion */ /*------------------------------------------ #MARK: TEXTS ------------------------------------------*/ /* #region */ .texts-opt .wrap { padding-top: 80px; padding-bottom: 100px;} .texts-opt [data-colwidth="9"] .col-info { max-width: 70.941%; flex: 0 0 70.941%;} .texts-opt .btn-loop { margin-top: 45px;} .texts-opt .btn-1 { font-size: var(--h5); padding: 15px 52px; color: var(--colordark);} .texts-opt.cta-btnwhite .btn-1 { color: var(--colorwh);} .texts-opt.cta-btnwhite .btn-1:hover, .texts-opt.cta-btnwhite .btn-1:focus-visible { color: var(--hover);} .text-rowcols .wrap { padding-top: 100px; padding-bottom: 100px;} .text-rowcols .dheading { text-align: center; margin-bottom: 37px;} .text-rowcols [data-col="6-6"] .dinfo { max-width: 542px;} .text-rowcols .dinfo-right { margin-left: auto;} .doverlay-media { max-height: 400px; height: auto; top: auto; bottom: 0; overflow: visible;} .doverlay-media .flex { justify-content: center; align-items: flex-end;} .doverlay-media .media { max-width: 33.33%; -ms-flex-align: flex-end; align-items: flex-end;} .doverlay-media .media-2 { margin-bottom: -50px;} .doverlay-media .media img { max-width: 100%; width: auto;} /* #endregion */ /*------------------------------------------ #MARK: CARDS ------------------------------------------*/ /* #region */ .cards-flex .flexic { row-gap: 35px;} .cards-flex.rwgp-53 .flexic { row-gap: 53px;} .cards-flex .dinfo { position: relative;} .cards-flex h3.ititle { font-size: var(--h3l); line-height: 100%; color: var(--colorbl);} .cards-flex h4.ititle { color: var(--colordark);} .flex-ovinfo .pad { max-width: 320px; width: 100%; position: absolute; top: 0; left: 0; padding: 30px 40px 50px 42px;} .flex-t20left .pad { top: 20%; transform: translateY(-20%);} .flex-tright .pad { left: auto; right: 0; text-align: right;} .flex-cleft .pad { top: 50%; transform: translateY(-50%);} .flex-cright .pad { top: 50%; left: auto; right: 0; text-align: right; transform: translateY(-50%);} .flex-bleft .pad { top: auto; bottom: 0;} .flex-bright .pad { top: auto; bottom: 0; left: auto; right: 0; text-align: right;} .flex-ovinfo .ptext, .flex-ovinfo .dtext { font-weight: 600; font-size: 15px; letter-spacing: 0.75px; text-transform: uppercase; margin-top: 0;} .flex-tyellow .ptext, .flex-tyellow .dtext { color: var(--color5);} .flex-tlblue .ptext, .flex-tlblue .dtext { color: var(--color6);} .flex-tlgray .ptext, .flex-tlgray .dtext { color: var(--color7);} .cards-flex .diconn { max-width: 40px; margin-bottom: 15px;} .cards-flex .dimage { min-height: 300px; margin-bottom: 30px; border-radius: 10px;} .cards-flex [data-ctr="4"] .dimage { min-height: 220px;} .cards-flex .flex-ovinfo .dimage { margin-bottom: 0;} .cards-flex a.div-link:hover .dimage img, .cards-flex a.div-link:focus-visible .dimage img { -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scale(1.07); transform: scale(1.07); -webkit-transition-duration: 0.7s; transition-duration: 0.7s;} /* #endregion */ /*------------------------------------------ #MARK: COL ACCORDION ------------------------------------------*/ /* #region */ .col-accordion .wrap { padding-top: 70px;} .col-accordion .dheading { text-align: center; margin-bottom: 65px;} .col-accordion .acc-content.col-info { max-width: 970px; margin-left: auto; margin-right: auto; row-gap: 25px;} .col-accordion .acc-content .item { background: #F6F6F6;} .col-accordion.bg-grey .acc-content .item { background: var(--colorwh);} .col-accordion .item .d-link { margin-top: 30px;} .col-accordion .dtext {padding-right: 32px} /* #endregion */ /*------------------------------------------ #MARK: COL MEDIA ------------------------------------------*/ /* #region */ /* #endregion */ /*------------------------------------------ #MARK: ICONS ------------------------------------------*/ /* #region */ .icons-flex .dheading { text-align: center; margin-bottom: 65px;} .icons-flex .bheading, .icons-flex .mheading { display: block !important;} .icons-flex .flexic { row-gap: 62px;} .icons-flex [data-margin] .dtext, .icons-flex [data-margin] .ptext { margin-top: 15px;} .icons-flex .dtext strong, .icons-flex .ptext strong { font-weight: 600;} .icons-flex .dextent { text-align: center; margin-top: 45px;} .icons-flex .dextent .dtext { display: block !important;} .icons-flex .diconn { max-width: 50px; margin-bottom: 32px;} .icons-flex .diconn img { width: 100%;} /* #endregion */ /*------------------------------------------ #MARK: JS TABS ------------------------------------------*/ /* #region */ [data-design*="tab-1"] .ntabs { max-width: 325px; font-weight: 500; font-size: 20px; color: var(--colordark);} .js-tabs [data-design*="tab-1"] .ntabs li { padding: 0; line-height: 120%; border-bottom: 0;} .js-tabs [data-design*="tab-1"] .ntabs li a { padding: 21px 40px 21px 0; color: var(--colordark);} .js-tabs [data-design*="tab-1"] .ntabs li a:hover, .js-tabs [data-design*="tab-1"] .ntabs li a:focus-visible, .js-tabs [data-design*="tab-1"] .ntabs li .active { color: var(--color2);} .js-tabs [data-design*="tab-1"] .ntabs li a:before { width: 25px; height: 25px; background: url('images/icons/owl-arr.svg') no-repeat center; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); content: ''; border: 1px solid #E1E1E1; border-radius: 100px;} .js-tabs [data-design*="tab-1"] .ntabs li .active:before { background: url('images/icons/owl-arr-hover.svg') no-repeat center var(--hover); transform: translateY(-50%) rotate(0deg); border: 0;} .js-tabs [data-design*="tab-1"] .tab-content { border: 0;} .js-tabs [data-design*="tab-1"] .pad { padding: 0;} .js-tabs .dtext { margin-top: 27px;} .tab-content ul li { background-position: left 10px; padding-top: 7px; padding-bottom: 7px;} .tab-content ul.flex li { width: 50%; padding-right: 20px;} .js-tabs [data-design*="tab-1"] .dimage { height: 350px; margin-bottom: 40px; border-radius: 10px;} /* #endregion */ /*------------------------------------------ #MARK: ROW MEDIA ------------------------------------------*/ /* #region */ .row-mediaflex [data-design*="row-flex"] .flexic { column-gap: 88px;} .row-mediaflex-02 [data-design*="row-flex"] .flexic { column-gap: 64px;} .row-mediaflex [data-ver="ver-1"] .flexic { background: linear-gradient(90deg, #E6F9BC 50.11%, #C4DC8E 100%); overflow: hidden; border-radius: 10px;} .row-mediaflex [data-rtl="0"][data-ver="ver-1"] .dinfo { padding-right: 60px;} .row-mediaflex [data-rtl="1"][data-ver="ver-1"] .dinfo { padding-left: 60px;} .row-mediaflex [data-design*="row-flex"][data-colwidth="6"] .dmedia { max-width: 542px;} .row-mediaflex [data-design*="row-flex"][data-colwidth="6"][data-ver="ver-1"] .dmedia { max-width: 50%;} .row-mediaflex .ditems { display: flex; flex-wrap: wrap; gap: 30px;} .row-mediaflex-02 [data-colwidth="7"] .flex-col.ditems { max-width: 57.27%; flex: 0 0 57.27%;} .row-mediaflex-02 .item { max-width: calc(50% - 15px); flex: 0 0 calc(50% - 15px);} .row-mediaflex .item .div-link { position: relative; display: block;} .row-mediaflex .item .pad { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 30px; display: flex; flex-flow: column wrap; justify-content: space-between;} .row-mediaflex .item .ititle { color: var(--colorbl);} .row-mediaflex .media { height: 100%; overflow: hidden; border-radius: 10px;} .row-mediaflex [data-ver="ver-1"] .media { border-radius: 0;} .row-mediaflex .pop-link { height: 100%;} .row-mediaflex .pop-link .overlay { background-color: transparent;} .row-mediaflex .pop-link .play { width: 100%; height: 100%; background: url('images/icons-upload/play-btn.svg') no-repeat center;} .row-mediaflex .pop-link:hover .play, .row-mediaflex .pop-link:focus-visible .play { background-image: url('images/icons-upload/play-btn-hover.svg');} .row-mediaflex .item .dimage { min-height: 200px; border-radius: 10px;} .row-mediaflex .item-tlgreen .dimage { background: linear-gradient(111deg, #91C225 0%, #739E14 100%);} .row-mediaflex .item-tlblue .dimage { background: linear-gradient(111deg, #8BCBEC 0%, #50A2D6 100%);} .row-mediaflex .item-tlyellow .dimage { background: linear-gradient(111deg, #FFDC66 0%, #F0AF32 100%);} .row-mediaflex .item-tlpink .dimage { background: linear-gradient(111deg, #FF95A3 0%, #E45570 100%);} .row-mediaflex .item-tlgreen a.div-link:hover .dimage { background: linear-gradient(111deg, #91C225 50%, #739E14 100%); transition: background 0.3s ease;} .row-mediaflex .item-tlblue a.div-link:hover .dimage { background: linear-gradient(111deg, #8BCBEC 50%, #50A2D6 100%); transition: background 0.3s ease;} .row-mediaflex .item-tlyellow a.div-link:hover .dimage { background: linear-gradient(111deg, #FFDC66 50%, #F0AF32 100%); transition: background 0.3s ease;} .row-mediaflex .item-tlpink a.div-link:hover .dimage { background: linear-gradient(111deg, #FF95A3 50%, #E45570 100%); transition: background 0.3s ease;} .row-mediaflex .item .dimage img { max-width: 250px; max-height: 100%; width: auto; height: auto; top: auto; bottom: 0; left: auto; right: 0;} .row-mediaflex .item-tlpink .dimage img { max-height: 177px;} .row-mediaflex .abtn-loop:before { width: 36px; height: 36px; background: url('images/icons/arrow-right.svg') no-repeat center var(--color42); display: block; border-radius: 100px; content: '';} .row-mediaflex a.div-link:hover .abtn-loop:before, .row-mediaflex a.div-link:focus-visible .abtn-loop:before { background-position: 60% center; transition: background 0.3s ease;} .row-mediaflex [data-margin] .btn-loop { margin-top: 28px;} /* #endregion */ /*------------------------------------------ #MARK: ROW ACCORDION ------------------------------------------*/ /* #region */ .row-accordion .dinfo-head { padding-right: 25px;} .acc-content.col-info { display: flex; flex-wrap: wrap; row-gap: 20px;} .acc-content .item { width: 100%; background: var(--colorwh); padding: 18px 38px; border-radius: 10px;} .acc-content .ihead { padding: 17px 0;} .acc-content .ibox { padding-bottom: 15px;} [data-accordion] .acc-indicator { font-size: 28px; color: var(--color4);} [data-accordion] .collapsed .acc-indicator { color: rgba(0, 72, 130, 0.50);} /* #endregion */ /*------------------------------------------ #MARK: AJAX CPT ------------------------------------------*/ /* #region */ .ajaxless-cpt .wrap { padding-top: 100px; padding-bottom: 100px;} .ajaxless-cpt .row { row-gap: 59px;} .ajaxless-cpt h5.ititle { font-weight: 600; text-transform: capitalize; line-height: 150%; color: var(--colordark);} .ajaxless-cpt .post-thumbnail { margin-bottom: 25px;} .ajaxless-cpt .thumb-bg { height: 270px; overflow: hidden; border-radius: 10px;} .ajaxless-cpt .bg-placeholder { background: #AC7EDE;} .ajaxless-cpt .col-md-4:nth-child(odd) .bg-placeholder { background: #EA6262;} .ajaxless-cpt .bg-placeholder img { filter: none; opacity: 0;} .ajaxless-cpt a.cpt-link:hover .thumb-bg img, .ajaxless-cpt a.cpt-link:focus-visible .thumb-bg img { -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition-duration: 0.7s; transition-duration: 0.7s;} /* #endregion */ /*------------------------------------------ #MARK: GFORMS CONTACT ------------------------------------------*/ /* #region */ .gform-contactopt-01 .col-info { display: flex; flex-wrap: wrap; gap: 35px;} .gform-contactopt-01 .dinfo { max-width: 150px;} .gform-contactopt-01 .gform { flex: 1; max-width: 985px;} .gform-contactopt-01 .gform .gform_fields { display: flex; justify-content: space-between; gap: 30px;} .gform-contactopt-01 .gform_wrapper.gform-theme .gfield .gfield_label { position: absolute; top: 15px; font-size: 13px; letter-spacing: 0.65px; margin-bottom: 0; margin-left: 40px; line-height: normal; z-index: 2; color: #A0A0A0;} .gform-contactopt-01 .gform_wrapper.gform-theme .gfield .gfield_required { display: none;} .gform-contactopt-01 .gform .gfield .ginput_container_select { position: relative;} body .gform-contactopt-01 .gform .gfield select { min-width: 370px; height: 80px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF; font-size: 17px; padding: 0 40px; padding-top: 17px; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.01); border: 1px solid #E1E1E1; border-radius: 40px; color: var(--color3);} .gform-contactopt-01 .gform .gfield .ginput_container_select:after { width: 12px; height: 6px; background: url('images/icons/dropdown-arrow.svg') no-repeat center; position: absolute; top: 50%; right: 40px; opacity: 0.5; content: '';} .gform-contactopt-01 .gform_wrapper.gform-theme .gform-footer { margin-top: 0;} body .gform-contactopt-01 .gform .gfield .gform-button { height: 80px !important; font-weight: 500 !important; padding: 0 35px !important; border: 0 !important;} body.home .gform-contactopt-01 .gform .gfield .gform-button { height: 80px !important; font-weight: 500 !important; padding: 0 34px !important; border: 0 !important;} .gform-contactopt-01 .gform-theme--foundation #field_submit {margin-left:-5px;} .gform-contactopt-02 .col-info { max-width: 970px;} /* #endregion */ /*------------------------------------------ #MARK: SLIDER CARDS ------------------------------------------*/ /* #region */ .slider-cards .dimage { min-height: 300px; margin-bottom: 30px; border-radius: 10px;} .slider-cards [data-ctr="4"] .dimage { min-height: 220px;} .slider-cards a.div-link:hover .dimage img, .slider-cards a.div-link:focus-visible .dimage img { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition-duration: 0.7s; transition-duration: 0.7s;} /* #endregion */ /*------------------------------------------ #MARK: SLIDER REVIEWS ------------------------------------------*/ /* #region */ .slider-reviews .dheading { margin-bottom: 50px;} .slider-reviews .item { background: #F6F8FA; padding: 30px; border-radius: 8px;} .slider-reviews .item .dflex-default { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 14px; align-items: center;} .slider-reviews .item .davatar { width: 42px; height: 42px;} .slider-reviews .item .rating { width: 100%; text-align: left; line-height: 37px} .slider-reviews [data-design*="quotes-2"] .dtext, .slider-reviews [data-design*="quotes-2"] .ptext { max-height: 78px; font-size: 13px; text-align: left; margin-top: 10px; overflow-y: auto; color: #6D6D6D; padding-right:30px;} [data-design*="quotes-2"] .dtext p, [data-design*="quotes-2"] .ptext p { line-height: 120%;} /* #endregion */ /*------------------------------------------ #MARK: SINGLE BLOG POST ------------------------------------------*/ /* #region */ .singular-blog .wrap { padding-top: 80px; padding-bottom: 100px;} .singular-blog .wrap:before { width: 100%; height: 400px; background: linear-gradient(90deg, #EBB83E 0%, #FFD674 100%); position: absolute; top: 0; left: 0; content: '';} .singular-blog .container { max-width: 1000px;} .singular-blog .post-title { text-align: center; margin-bottom: 70px;} .singular-blog .dtitle { font-size: var(--h1s);} .singular-blog .post-content h3 { margin-top: 40px; margin-bottom: 30px;} .singular-blog .post-content ul { margin: 0 0 50px 0; padding: 0; list-style: none;} .singular-blog .post-content ul li { background: url('images/icons/list-bullet.svg') no-repeat left 9px; padding: 7px 0 7px 29px; line-height: 120%;} .singular-blog .post-media { margin-bottom: 65px;} .singular-blog .thumb-bg { height: 600px; overflow: hidden; border-radius: 10px;} .singular-blog .bg-placeholder { height: 100%;} .singular-blog .post-content img { border-radius: 10px;} .singular-blog .post-content .alignleft { max-width: 470px;} .singular-blog .post-content .alignright { max-width: 470px; float: right; clear: right;} /* #endregion */ .col-media iframe {height: auto; aspect-ratio: 1170/760;} section.element.no-abtn-loop .abtn-loop {margin-top: 0;} /* #endregion */ /*------------------------------------------ #MARK: JS TABS 01 MODIFIED MOBILE VERSION ------------------------------------------*/ /* #region */ .js-tabs .mobile-tab-pane { display: none; } .js-tabs .mobile-tab-pane.active { display: block; } .js-tabs .desktop-ver { display: block; } .js-tabs .mobile-ver { display: none; } .js-tabs .mobile-tabs-dropdown { position: relative; margin-bottom: 30px; } .js-tabs .mtab-selected { display: flex; justify-content: space-between; align-items: center; padding: 15px 50px 15px 15px; border: 1px solid #ccc; cursor: pointer; user-select: none; border-radius: 10px; } .js-tabs .mtab-arrow::after { width: 25px; height: 25px; background: url(//premierpetrdev.wpenginepowered.com/wp-content/themes/dev-team/images/icons/owl-arr.svg) no-repeat center; position: absolute; top: 50%; right: 15px; content: ''; border-radius: 100px; background: url(//premierpetrdev.wpenginepowered.com/wp-content/themes/dev-team/images/icons/owl-arr-hover.svg) no-repeat center var(--hover); transform: translateY(-50%) rotate(90deg); border: 0; } .js-tabs .mobile-tabs-dropdown.is-open .mtab-arrow::after { transform: translateY(-50%) rotate(270deg); } .js-tabs .mtab-options { display: none; position: absolute; top: 100%; left: 0; right: 0; list-style: none; margin: 0; padding: 0; border: 1px solid #ccc; background: #fff; z-index: 100; } .js-tabs .mobile-tabs-dropdown.is-open .mtab-options { display: block; } .js-tabs .mtab-option { padding: 12px 16px; cursor: pointer; } .js-tabs .mtab-option:hover, .js-tabs .mtab-option.is-active { background: #f0f0f0; } @media (max-width: 767px) { .js-tabs .desktop-ver { display: none; } .js-tabs .mobile-ver { display: block; } }