芝麻web文件管理V1.00
编辑当前文件:/home/disqkgca/aqanet.org/wp-content/plugins/tlp-team/assets/css/tlp-el-team.css
/** * Frontend specific CSS. These are compiles CSS. * Please don't write custom CSS here. */ /* =========================== Global Team CSS ==============================*/ :root { --rttm-primary-color: #007acc; } .rt-elementor-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .rt-elementor-container *::before, .rt-elementor-container *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .rt-elementor-container figure { width: 100%; overflow: hidden; } .rt-elementor-container img { max-width: 100%; height: auto; vertical-align: middle; } .rt-elementor-container .round-img img { border-radius: 50%; } .rt-elementor-container .img-responsive { display: block; max-width: 100%; margin: 0 auto; height: auto; } .rt-elementor-container .img-responsive.swiper-lazy:not(.swiper-lazy-loaded) { visibility: hidden; opacity: 0; } .rt-elementor-container .swiper-lazy-preloader { width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; border-width: 2px; border-color: var(--rttm-primary-color); border-top-color: transparent; } .rt-elementor-container .img-rounded { border-radius: 6px; } .rt-elementor-container .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .rt-elementor-container .img-circle { border-radius: 50%; } .rt-elementor-container .table-responsive { overflow-x: auto; min-height: 0.01%; } .rt-row::before, .rt-row::after, .rt-container-fluid::before, .rt-container-fluid::after, .rt-container::before, .rt-container::after { content: " "; display: table; } .rt-elementor-container .button-group button, .rt-elementor-container .contact-info i, .rt-elementor-container .social-icons a .fa, .rt-elementor-container .social-icons a .fas, .rt-elementor-container .social-icons a .fab, .rt-elementor-container .social-icons a .far, .rt-elementor-container .short-bio, .rt-elementor-container .tlp-department, .rt-elementor-container .tlp-position, .rt-elementor-container h3, .rt-elementor-container a { -webkit-transition: all 0.3s; transition: all 0.3s; } .rt-elementor-container > .rt-row > .rt-el-special-wrapper, .rt-row.special-items-wrapper, .rt-elementor-container[data-layout*=layout] .rt-row.ttp-even, .rt-d-flex, .rt-elementor-container .layout2 .single-team-area { display: -webkit-box; display: -ms-flexbox; display: flex; } .rt-elementor-container > .rt-row > .rt-el-special-wrapper, .rt-row.special-items-wrapper, .rt-elementor-container[data-layout*=layout] .rt-row.ttp-even, .rt-flex-wrap, .rt-elementor-container .layout2 .single-team-area { -ms-flex-wrap: wrap; flex-wrap: wrap; } .rt-justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rt-align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rt-pos-s { position: static !important; } .rt-pos-r, .rt-row, .rt-elementor-container .pagination > li > span, .rt-elementor-container .pagination > li > a, .rt-elementor-container .single-team, .rt-elementor-container .ttp-pre-loader, .rt-ball-clip-rotate > div, .rt-ball-clip-rotate, .rt-elementor-container figure { position: relative; } .rt-default-gutter, .rt-elementor-container .equal-height, .rt-elementor-container .even-grid-item { margin-bottom: 30px; } .rt-gutter-half, .rt-elementor-container .short-bio { margin-top: 15px; margin-bottom: 15px; } .rt-primary-color, .rt-elementor-container .carousel-el-1 .tlp-overlay1 h3, .rt-elementor-container .carousel-el-1 .tlp-overlay1 .tlp-position, .rt-elementor-container .layout3 .tlp-content h3, .rt-elementor-container .layout3 .tlp-content .tlp-position, .rt-elementor-container .layout2 .rttm-content-area h3, .rt-elementor-container .layout2 .rttm-content-area .tlp-position, .rt-elementor-container .pagination > li > span, .rt-elementor-container .contact-info i, .rt-elementor-container .contact-info ul li:hover a, .rt-elementor-container .contact-info ul li:hover i, .isotope-free .single-team-area .social-icons a, .rt-elementor-container .social-icons a, .rt-elementor-container .short-bio a:hover, .rt-elementor-container .rt-loading { color: var(--rttm-primary-color); } .rt-primary-color-bg, .rt-elementor-container .isotope-free .tlp-content, .rt-elementor-container .layout1 .tlp-content, .rt-elementor-container .pagination > .active > span:focus, .rt-elementor-container .pagination > .active > span:hover, .rt-elementor-container .pagination > .active > span, .rt-elementor-container .pagination > .active > a:focus, .rt-elementor-container .pagination > .active > a:hover, .rt-elementor-container .pagination > .active > a, .rt-elementor-container .pagination > li > span:focus, .rt-elementor-container .pagination > li > span:hover, .rt-elementor-container .pagination > li > a:focus, .rt-elementor-container .pagination > li > a:hover, .rt-elementor-container .button-group .selected, .rt-elementor-container .button-group button:hover, .rt-elementor-container .tlp-content { background-color: var(--rttm-primary-color); } .rt-white-color, .rt-elementor-container .isotope-free .tlp-content, .rt-elementor-container .isotope-free h3, .rt-elementor-container .isotope-free .tlp-position, .rt-elementor-container .layout1 .tlp-content, .rt-elementor-container .layout1 h3, .rt-elementor-container .layout1 .tlp-position, .rt-carousel-holder .swiper-arrow, .rt-elementor-container .pagination > .active > span:focus, .rt-elementor-container .pagination > .active > span:hover, .rt-elementor-container .pagination > .active > span, .rt-elementor-container .pagination > .active > a:focus, .rt-elementor-container .pagination > .active > a:hover, .rt-elementor-container .pagination > .active > a, .rt-elementor-container .pagination > li > span:focus, .rt-elementor-container .pagination > li > span:hover, .rt-elementor-container .pagination > li > a:focus, .rt-elementor-container .pagination > li > a:hover, .rt-elementor-container .button-group button, .md-el-modal .rt-elementor-container .contact-info ul li, .md-el-modal .rt-elementor-container .contact-info ul li a, .rt-elementor-container .social-icons a:hover .fa-facebook-f, .rt-elementor-container .social-icons a:hover .fa-twitter, .rt-elementor-container .social-icons a:hover .fa-xing, .rt-elementor-container .social-icons a:hover .fa-google-plus, .rt-elementor-container .social-icons a:hover .fa-envelope, .rt-elementor-container .social-icons a:hover .fa-youtube, .rt-elementor-container .social-icons a:hover .fa-vimeo, .rt-elementor-container .social-icons a:hover .fa-instagram, .rt-elementor-container .social-icons a:hover .fa-soundcloud, .rt-elementor-container .social-icons a:hover .fa-skype, .rt-elementor-container .social-icons a:hover .fa-telegram, .rt-elementor-container .social-icons a:hover .fa-whatsapp, .rt-elementor-container .social-icons a:hover .fa-linkedin, .rt-ball-clip-rotate { color: #fff; } .rt-white-color-bg, .rt-elementor-container .pagination > .disabled > a:focus, .rt-elementor-container .pagination > .disabled > a:hover, .rt-elementor-container .pagination > .disabled > a, .rt-elementor-container .pagination > .disabled > span:focus, .rt-elementor-container .pagination > .disabled > span:hover, .rt-elementor-container .pagination > .disabled > span, .rt-elementor-container .pagination > li > span, .rt-elementor-container .pagination > li > a { background-color: #fff; } .rt-elementor-container .carousel-el-1 .tlp-overlay1 { text-align: center; } .rt-mb-0, .rt-elementor-container .short-bio p:last-child, .rt-elementor-container figure { margin-bottom: 0; } .rt-elementor-container .rt-col-xs-12, .rt-elementor-container .rt-col-sm-12, .rt-elementor-container .rt-col-md-12, .rt-elementor-container .rt-col-lg-12, .rt-elementor-container .rt-col-xs-11, .rt-elementor-container .rt-col-sm-11, .rt-elementor-container .rt-col-md-11, .rt-elementor-container .rt-col-lg-11, .rt-elementor-container .rt-col-xs-10, .rt-elementor-container .rt-col-sm-10, .rt-elementor-container .rt-col-md-10, .rt-elementor-container .rt-col-lg-10, .rt-elementor-container .rt-col-xs-9, .rt-elementor-container .rt-col-sm-9, .rt-elementor-container .rt-col-md-9, .rt-elementor-container .rt-col-lg-9, .rt-elementor-container .rt-col-xs-8, .rt-elementor-container .rt-col-sm-8, .rt-elementor-container .rt-col-md-8, .rt-elementor-container .rt-col-lg-8, .rt-elementor-container .rt-col-xs-7, .rt-elementor-container .rt-col-sm-7, .rt-elementor-container .rt-col-md-7, .rt-elementor-container .rt-col-lg-7, .rt-elementor-container .rt-col-xs-6, .rt-elementor-container .rt-col-sm-6, .rt-elementor-container .rt-col-md-6, .rt-elementor-container .rt-col-lg-6, .rt-elementor-container .rt-col-xs-5, .rt-elementor-container .rt-col-sm-5, .rt-elementor-container .rt-col-md-5, .rt-elementor-container .rt-col-lg-5, .rt-elementor-container .rt-col-xs-4, .rt-elementor-container .rt-col-sm-4, .rt-elementor-container .rt-col-md-4, .rt-elementor-container .rt-col-lg-4, .rt-elementor-container .rt-col-xs-3, .rt-elementor-container .rt-col-sm-3, .rt-elementor-container .rt-col-md-3, .rt-elementor-container .rt-col-lg-3, .rt-elementor-container .rt-col-xs-2, .rt-elementor-container .rt-col-sm-2, .rt-elementor-container .rt-col-md-2, .rt-elementor-container .rt-col-lg-2, .rt-elementor-container .rt-col-xs-1, .rt-elementor-container .rt-col-sm-1, .rt-elementor-container .rt-col-md-1, .rt-elementor-container .rt-col-lg-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } /* This file is used to contain all component imports. Files inside this folder should contain all styles relating to a reusable component. */ /* =========================== Grid System ==============================*/ .rt-elementor-container .rt-col-xs-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .rt-elementor-container .rt-col-xs-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .rt-elementor-container .rt-col-xs-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rt-elementor-container .rt-col-xs-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .rt-elementor-container .rt-col-xs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .rt-elementor-container .rt-col-xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rt-elementor-container .rt-col-xs-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .rt-elementor-container .rt-col-xs-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .rt-elementor-container .rt-col-xs-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rt-elementor-container .rt-col-xs-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .rt-elementor-container .rt-col-xs-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .rt-elementor-container .rt-col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* =========================== Animations ==============================*/ .rt-ball-clip-rotate { width: 32px; height: 32px; display: block; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .rt-ball-clip-rotate > div { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 32px; height: 32px; background: transparent; border-width: 2px; border-bottom-color: transparent; border-radius: 100%; -webkit-animation: ball-clip-rotate 0.75s linear infinite; animation: ball-clip-rotate 0.75s linear infinite; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* =========================== Preloader ==============================*/ .rt-elementor-container .ttp-pre-loader { overflow: hidden; } .rt-elementor-container .ttp-pre-loader .rt-loading-overlay { opacity: 0.85; visibility: visible; } .rt-elementor-container .ttp-pre-loader .rt-loading-overlay + .rt-loading { opacity: 0.85; visibility: visible; } .rt-elementor-container .ttp-pre-loader .rt-loading-overlay.full-op { opacity: 1; } .rt-elementor-container .ttp-pre-loader .rt-loading-overlay.full-op + .rt-loading { opacity: 1; } .rt-elementor-container .ttp-pre-loader.element-loading .rt-loading-overlay, .rt-elementor-container .ttp-pre-loader.element-loading .rt-loading { opacity: 1; } .rt-elementor-container .rt-loading-overlay { opacity: 0; visibility: hidden; position: absolute; -webkit-transition: all 0.5s; transition: all 0.5s; top: 0; left: 0; width: 100%; height: 100%; z-index: 49; background-color: #fff; } .rt-elementor-container .rt-loading { position: absolute; top: 60px; left: 50%; margin-left: -16px; z-index: 50; opacity: 0; visibility: hidden; } .rt-elementor-container[data-layout*=carousel] .rt-loading { z-index: 100; } .rt-elementor-container[data-layout*=carousel] .rt-loading-overlay { z-index: 99; } .rt-elementor-container[data-layout*=carousel] .ttp-pre-loader .rt-loading-overlay { opacity: 1; } .rt-elementor-container .carousel10 .ttp-pre-loader .rt-loading-overlay { opacity: 1; } .rt-elementor-container .carousel10 .ttp-pre-loader .rt-loading-overlay + .rt-loading { opacity: 1; } .rt-elementor-container .ttp-pre-loader.rt-lm-loading .rt-loading-overlay { display: none; } .rt-elementor-container .ttp-pre-loader.rt-lm-loading .rt-loading-overlay + .rt-loading { display: none; } /* =========================== Gutter ==============================*/ .rt-elementor-container .margin-bottom { margin-bottom: 30px; } .rt-elementor-container .paddingl0 { padding-left: 0px; } .rt-elementor-container .paddingr0 { padding-right: 0; } .rt-elementor-container .no-margin { margin: 0 !important; padding: 0 !important; } .tlp-equal-height .paddingl0 { padding-left: 0px; } .tlp-equal-height .paddingr0 { padding-right: 0px; } .single-team-content-area { margin-top: 50px; } /* =========================== Title ==============================*/ .rt-elementor-container h3 { line-height: 1.3; font-weight: 500; padding: 0; margin: 0 0 10px 0; font-size: 22px; } .rt-elementor-container h3 a, .rt-elementor-container .tlp-department a:hover, .rt-elementor-container .tlp-position a:hover, .rt-elementor-container h3 a:hover, .rt-elementor-container .short-bio a:hover { text-decoration: none !important; outline: none; } .rt-elementor-container .tlp-department, .rt-elementor-container .tlp-position { font-weight: 400; line-height: 1.3; } .rt-elementor-container a { display: block; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .rt-elementor-container-item-count { display: none; } .rt-elementor-container .tlp-content { padding: 15px; } .rt-elementor-container .tlp-content h3 a, .rt-elementor-container .tlp-content .tlp-department a, .rt-elementor-container .tlp-content .tlp-position a { color: inherit; -webkit-transition: none; transition: none; outline: none; } /* =========================== Body ==============================*/ .rt-elementor-container .short-bio a { color: inherit; outline: none; } .rt-elementor-container .single-team { overflow: hidden; } /* =========================== Social Icons ==============================*/ .rt-elementor-container .social-icons { margin: 10px 0px 0px; padding: 0px; display: block; } .rt-elementor-container .social-icons a { text-align: center; text-decoration: none; display: inline-block; margin-right: 4px; margin-bottom: 3px; font-size: 20px; padding: 0px; text-decoration: none !important; width: 30px; height: 30px; } .rt-elementor-container .social-icons a:before { content: none; } .rt-elementor-container .social-icons a i { display: block; } .rt-elementor-container .social-icons a .fa, .rt-elementor-container .social-icons a .fas, .rt-elementor-container .social-icons a .fab, .rt-elementor-container .social-icons a .far { width: 30px; height: 30px; line-height: 30px; } .rt-elementor-container .social-icons a:hover .fa-facebook-f { background: #3b5999; } .rt-elementor-container .social-icons a:hover .fa-twitter { background: #3aa9e0; } .rt-elementor-container .social-icons a:hover .fa-linkedin { background: #0080b1; } .rt-elementor-container .social-icons a:hover .fa-xing { background: #1c5d5b; } .rt-elementor-container .social-icons a:hover .fa-google-plus, .rt-elementor-container .social-icons a:hover .fa-envelope { background: #d04333; } .rt-elementor-container .social-icons a:hover .fa-youtube { background: #cd322d; } .rt-elementor-container .social-icons a:hover .fa-soundcloud { background: #ff5500; } .rt-elementor-container .social-icons a:hover .fa-vimeo { background: #44bbff; } .rt-elementor-container .social-icons a:hover .fa-instagram { background: #44bbff; } .rt-elementor-container .social-icons a:hover .fa-skype { background: #06bcff; } .rt-elementor-container .social-icons a:hover .fa-whatsapp { background: #25D366; } .rt-elementor-container .social-icons a:hover .fa-telegram { background: #29b6f6; } .rt-elementor-container .tlp-detail .social-icons a { background-color: #00afd1; } .isotope-free .single-team-area .social-icons a { font-size: 16px; background: transparent; } /* =========================== Contact Info ==============================*/ .rt-elementor-container .contact-info { margin: 0px; padding: 0px 0px 10px 0px; } .rt-elementor-container .contact-info ul { margin: 0px; padding: 0px; list-style: none; } .rt-elementor-container .contact-info ul li { margin: 0px; padding: 0px; line-height: 22px; list-style: none !important; border: none; background: no-repeat; } .rt-elementor-container .contact-info ul li a { color: inherit; display: inline-block; } .rt-elementor-container .contact-info ul li + li { margin-top: 10px; } .rt-elementor-container .contact-info i { width: 20px; margin-right: 4px; text-align: center; } /* =========================== Image ==============================*/ .rt-elementor-container .single-team-area img { max-width: 100%; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .rt-elementor-container .single-team-area:hover img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .rt-carousel-holder .default-img { width: 100%; } /* =========================== Button ==============================*/ .rt-elementor-container .button-group { text-align: center; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } .rt-elementor-container .button-group button { background: #000000; border: none; text-transform: none; font-weight: 400; margin: 5px; padding: 10px 15px; outline: 0px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } .rt-team-container .readmore-btn { margin-top: 20px; } .rt-team-container .readmore-btn a { padding: 10px 20px; background: #007acc; text-decoration: none; color: #fff; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; } .rt-team-container .readmore-btn a:hover { background-color: #07639e; } /* =========================== Pagination ==============================*/ .rt-elementor-container .tlp-pagination { text-align: center; } .rt-elementor-container .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin: 20px 0; } .rt-elementor-container .pagination > li { display: inline; margin-left: 3px; margin-right: 3px; } .rt-elementor-container .pagination > li > a { float: left; padding: 6px 12px; line-height: 1.4; text-decoration: none; border: 0; margin-left: -1px; outline: none; color: inherit; border-radius: 0; } .rt-elementor-container .pagination > li > a:hover { z-index: 2; } .rt-elementor-container .pagination > li > a:focus { z-index: 2; } .rt-elementor-container .pagination > li > span { float: left; padding: 6px 12px; line-height: 1.4; text-decoration: none; border: 0; margin-left: -1px; } .rt-elementor-container .pagination > li > span:hover { z-index: 2; } .rt-elementor-container .pagination > li > span:focus { z-index: 2; } .rt-elementor-container .pagination > li:first-child > a { margin-left: 0; } .rt-elementor-container .pagination > li:first-child > span { margin-left: 0; } .rt-elementor-container .pagination > li:last-child > a { margin-left: 0; border-radius: 0; } .rt-elementor-container .pagination > li:last-child > span { margin-left: 0; } .rt-elementor-container .pagination > .active > a { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .active > a:hover { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .active > a:focus { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .active > span { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .active > span:hover { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .active > span:focus { z-index: 3; cursor: default; } .rt-elementor-container .pagination > .disabled > span { color: #777777; border-color: #dddddd; cursor: not-allowed; } .rt-elementor-container .pagination > .disabled > span:hover { color: #777777; border-color: #dddddd; cursor: not-allowed; } .rt-elementor-container .pagination > .disabled > span:focus { color: #777777; border-color: #dddddd; cursor: not-allowed; } .rt-elementor-container .pagination > .disabled > a { color: #777777; border-color: #dddddd; cursor: not-allowed; } .rt-elementor-container .pagination > .disabled > a:hover { color: #777777; border-color: #dddddd; cursor: not-allowed; } .rt-elementor-container .pagination > .disabled > a:focus { color: #777777; border-color: #dddddd; cursor: not-allowed; } /* =========================== Slider ==============================*/ .rt-carousel-holder .carousel-item { display: block; } .rt-carousel-holder .default-img + .swiper-lazy-preloader { display: none; } .rt-carousel-holder.slider-loading { opacity: 0; visibility: hidden; } .rt-elementor-container .img-responsive.swiper-lazy:not(.swiper-lazy-loaded) { visibility: hidden; opacity: 0; } .rt-elementor-container .swiper-lazy-preloader::after { background: none; } /* =========================== Slider Nav ==============================*/ .rt-carousel-holder .swiper-arrow { width: 30px; height: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; background-image: none; background: #000; } .rt-carousel-holder .swiper-arrow::after { content: none !important; } .rt-carousel-holder .swiper-arrow:hover { background: #333; } .rt-carousel-holder .swiper-arrow i { color: inherit; } .rt-carousel-holder.top-nav .swiper-nav { position: absolute; right: -15px; top: -30px; } .rt-carousel-holder.top-nav .swiper-button-next { right: 15px; } .rt-carousel-holder.top-nav .swiper-button-prev { left: -85px; } .rt-carousel-holder.top-nav.swiper-rtl .swiper-nav { right: auto; left: 85px; } .rt-carousel-holder.top-nav.swiper-rtl .swiper-button-prev { right: 15px; left: auto; } .rt-carousel-holder.top-nav.swiper-rtl .swiper-button-next { left: -85px; right: auto; } .rt-carousel-holder.standard-nav .swiper-nav { position: absolute; top: 50%; margin-top: -30px; width: 100%; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-arrow { top: 7.5px; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next { right: -15px; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev { left: -15px; } .rt-carousel-holder.bottom-nav .swiper-nav { position: absolute; bottom: 0; left: 50%; bottom: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .rt-carousel-holder.bottom-nav .swiper-nav .swiper-button-next { right: auto; left: 5px; } .rt-carousel-holder.bottom-nav .swiper-nav .swiper-button-prev { left: auto; right: 5px; } .rt-carousel-holder.bottom-nav.no-dots { margin-bottom: 40px; } .rt-carousel-holder.bottom-nav.no-dots .swiper-nav { bottom: 20px; } .rt-carousel-holder.bottom-nav.no-dots.no-nav { margin-bottom: 0; } .rt-carousel-holder.swiper-rtl .swiper-button-prev i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rt-carousel-holder.swiper-rtl .swiper-button-next i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rt-elementor-container .rt-carousel-holder.bottom-nav .swiper-nav + .swiper-pagination { margin-top: 40px; } /* =========================== Slider Dots ==============================*/ .rt-elementor-container .rt-carousel-holder.swiper .swiper-pagination-bullet { width: 10px; height: 10px; margin: 10px 5px 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .rt-elementor-container .rt-carousel-holder .swiper-pagination { bottom: -20px; height: 30px; } .rt-elementor-container .rt-carousel-holder .swiper-pagination-bullet:hover { background: #000; opacity: 0.75; } .rt-elementor-container .rt-carousel-holder .swiper-pagination-bullet-active { opacity: 0.75; background: #000; } .rt-elementor-container .rt-carousel-holder.swiper-autoheight .swiper-pagination { margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .rt-elementor-container .swiper-pagination-bullets-dynamic { margin-left: auto; margin-right: auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } /* =========================== Filter ==============================*/ /* This file is used to contain all layout imports. Files inside this folder should contain all styles relating to a reusable layout. */ /* =========================== Container ==============================*/ .rt-container, .rt-container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .clearfix::after, .rt-container::after, .rt-container-fluid::after, .rt-row::after { clear: both; } .rt-row { margin-left: -15px; margin-right: -15px; } .rt-clear:after { clear: both; content: ""; display: block; } /* =========================== Layout 1 ==============================*/ /* =========================== Layout 2 ==============================*/ .rt-elementor-container .layout2 .single-team-area .img-area { padding: 0 0 15px 0; } .rt-elementor-container .layout2 .rttm-content-area h3 a, .rt-elementor-container .layout2 .rttm-content-area .tlp-position a { color: inherit; -webkit-transition: none; transition: none; } .rt-elementor-container .layout2 .rttm-content-area .tlp-position { font-weight: 500; } .rt-elementor-container .layout2 .rttm-content-area .tlp-position a { font-size: inherit; font-weight: inherit; } /* =========================== Layout 3 ==============================*/ .rt-elementor-container .layout3 { text-align: center; } .rt-elementor-container .layout3 .tlp-content { padding: 0; background: none; } .rt-elementor-container .layout3 .tlp-content h3 { margin-top: 0; } .rt-elementor-container .layout3 .tlp-content h3 a, .rt-elementor-container .layout3 .tlp-content .tlp-position a { color: inherit; -webkit-transition: none; transition: none; } .rt-elementor-container .layout3 figure + .tlp-content { padding-top: 15px; } /* =========================== Layout 16 ==============================*/ .rt-elementor-container .layout16 .single-team-area { padding: 30px; background-color: #fff; -webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .rt-elementor-container .layout16 .single-team-area .default-img { width: 100%; } .rt-elementor-container .layout16 .single-team-area:before { content: ""; width: 70px; height: 70px; background-color: #e1e1e1; border: none; border-radius: 6px; position: absolute; bottom: 22px; right: -40px; z-index: 11; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rt-elementor-container .layout16 .single-team-area:after { content: ""; width: 70px; height: 70px; border: 2px solid #e1e1e1; border-radius: 6px; position: absolute; right: -45px; bottom: -12px; z-index: 10; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rt-elementor-container .layout16 .single-team-area:hover:before { background-color: var(--rttm-primary-color); } .rt-elementor-container .layout16 .single-team-area:hover:after { border-color: var(--rttm-primary-color); } .rt-elementor-container .layout16 .single-team-area:hover .social-icons { visibility: visible; opacity: 1; bottom: 0; } .rt-elementor-container .layout16 .single-team-area .social-icons { z-index: 5; position: absolute; bottom: -20%; left: 0; right: 0; visibility: hidden; opacity: 0; width: 100%; padding: 15px 0; background-color: var(--rttm-primary-color); margin-top: 0; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rt-elementor-container .layout16 .single-team-area .social-icons a { color: #fff; } .rt-elementor-container .layout16 .single-team-area .social-icons a:hover i { background-color: transparent; opacity: 0.8; } .rt-elementor-container .layout16 .single-team-area .short-bio { margin-bottom: 15px; } .rt-elementor-container .layout16 .single-team-area .tlp-content { background-color: transparent; padding-left: 0; padding-right: 0; } .rt-elementor-container .tlp-position { color: initial; } .rt-elementor-container .tlp-position a { text-decoration: none; color: initial; } /* =========================== Carousel 1 ==============================*/ .rt-elementor-container .carousel-el-1 .tlp-overlay1 { padding: 0; } .rt-elementor-container .carousel-el-1 .tlp-overlay1 h3 { margin-top: 15px; margin-bottom: 6px; } .rt-elementor-container .carousel-el-1 .tlp-overlay1 h3 a, .rt-elementor-container .carousel-el-1 .tlp-overlay1 .tlp-position a { color: inherit; -webkit-transition: none; transition: none; } .rt-elementor-container [class*=carousel] .rt-grid-item { margin-bottom: 30px; padding: 0; } /* =========================== Isotope Free ==============================*/ @media only screen and (min-width: 768px) { .margin-bottom15 { margin-bottom: 5px !important; } .rt-elementor-container .rt-col-sm-24 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .rt-elementor-container .rt-col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .rt-elementor-container .rt-col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .rt-elementor-container .rt-col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rt-elementor-container .rt-col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .rt-elementor-container .rt-col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .rt-elementor-container .rt-col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rt-elementor-container .rt-col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .rt-elementor-container .rt-col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .rt-elementor-container .rt-col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rt-elementor-container .rt-col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .rt-elementor-container .rt-col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .rt-elementor-container .rt-col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .rt-container { width: 750px; } } @media only screen and (min-width: 992px) { .margin-bottom15 { margin-bottom: 15px; } .rt-elementor-container .rt-col-md-24 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .rt-elementor-container .rt-col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .rt-elementor-container .rt-col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .rt-elementor-container .rt-col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rt-elementor-container .rt-col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .rt-elementor-container .rt-col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .rt-elementor-container .rt-col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rt-elementor-container .rt-col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .rt-elementor-container .rt-col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .rt-elementor-container .rt-col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rt-elementor-container .rt-col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .rt-elementor-container .rt-col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .rt-elementor-container .rt-col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .rt-container { width: 970px; } } @media only screen and (min-width: 1200px) { .rt-elementor-container .rt-col-lg-24 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .rt-elementor-container .rt-col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .rt-elementor-container .rt-col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .rt-elementor-container .rt-col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rt-elementor-container .rt-col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .rt-elementor-container .rt-col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .rt-elementor-container .rt-col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rt-elementor-container .rt-col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .rt-elementor-container .rt-col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .rt-elementor-container .rt-col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rt-elementor-container .rt-col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .rt-elementor-container .rt-col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .rt-elementor-container .rt-col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .rt-container { width: 1170px; } } @media only screen and (max-width: 1199px) { .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next { right: 15px; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev { left: 15px; } } @media only screen and (max-width: 991px) { .rt-elementor-container .layout2 .single-team-area img { width: 100%; } } @media only screen and (max-width: 767px) { .hidden-xs { display: none !important; } .rt-elementor-container .margin-bottom15 { margin-bottom: 5px !important; } .tlp-member-feature-img, .tlp-member-description-container { float: none; width: 100%; } } @media (max-width: 767px) { .rt-elementor-container .layout16 .single-team-area { padding: 20px; } } @media only screen and (max-width: 576px) { .rt-elementor-container .rt-carousel-holder:not(#team-member-profile-gallery):not(.bottom-nav):not(.rttm-carousel-main) { margin-top: 50px; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-arrow { top: auto; } .rt-carousel-holder.standard-nav .swiper-nav, .rt-carousel-holder.top-nav .swiper-nav { top: 25px; right: auto; left: 50%; margin-top: 0; width: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next, .rt-carousel-holder .swiper-nav .swiper-button-next { right: -35px; } .rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev, .rt-carousel-holder .swiper-nav .swiper-button-prev { left: -35px; } .rt-elementor-container .rt-carousel-holder .swiper-pagination { margin-top: -10px; margin-left: auto; margin-right: auto; } } @-webkit-keyframes rt_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rt_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fire-diamonds { 0% { -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @keyframes fire-diamonds { 0% { -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } }