.dt_organization_section { float: left; width: 100%; background: #fff; padding: 12px 15px; border-radius: 5px; padding-bottom: 44px; } .dt_organization_section h2 { padding-bottom: 10px; text-align: center; } .dt_organization_section .dt-sub-heading { padding-bottom: 30px; text-align: center; min-height: 40px } .dt_organization_section .organization_infotext h4 { font-size: 20px; line-height: 24px; color: #4c4c4c; font-weight: bold; padding-bottom: 5px; } .dt_organization_section .organization_infotext h5 { font-weight: normal; color: #404040; font-size: 14px; padding-bottom: 15px; } .dt_organization_section .owl_wrapper { position: relative; } .dt_organization_section .organization_infotext { padding: 0px 0px 32px; text-align: center; } .dt_organization_section .organization_infotext p { line-height: 22px; width: 100%; display: block; } .dt_organization_section .organization_learnmore { text-align: right; padding-right: 15px; position: absolute; bottom: 48px; width: 95%; } .dt_organization_section .organization_learnmore a { color: #005e60; line-height: 22px; } .dt_organization_section .owl_content { width: 375px; overflow: hidden; margin-left: auto; margin-right: auto; } .webinar_container.webinar-bannerCarousel .dt_organization_section .owl_content { max-width: 100%; width: 200px; } .dt_organization_section .owl-carousel .owl-stage-outer { height: 70px; } .dt_organization_section .owl_wrapper .owl-item { opacity: 0; transform: scale(0.6); -ms-transform: scale(0.6); transition: all .2s; -webkit-transform: all .2s; z-index: 1; } .dt_organization_section .owl_wrapper .active { opacity: 1; } .dt_organization_section .owl_wrapper .active.middle_beside { transform: scale(0.8); -ms-transform: scale(0.8); opacity: 1; margin: 0 .5%; z-index: 2; } .owl_wrapper .active.center+.middle_beside { margin: 0 1%; } .dt_organization_section .owl_wrapper .active.middle, .dt_organization_section .owl_wrapper .active.center { transform: scale(1); -ms-transform: scale(1); opacity: 1; z-index: 3; } .dt_organization_section .owl_wrapper .active.next_to_mid { margin-left: -1%; } .dt_organization_section .owl_wrapper .active.prev_to_mid { margin-right: -1% } .dt_organization_section .owl-carousel .owl-stage { margin: 0 4%; } .dt_organization_section .owl-carousel .owl-item .item { border: 3px solid #707070; } .dt_organization_section .owl-carousel .owl-item.active.center .item { border: 3px solid #4E3794; } .dt_organization_section .owl-theme .owl-dots { display: none; } /*===== Navigation =====*/ .dt_organization_section .owl_wrapper .prev, .dt_organization_section .owl_wrapper .next { position: absolute; top: 35px; left: 0px; width: 30px; border-radius: 100%; text-align: center; line-height: 30px; color: #777; cursor: pointer; z-index: 2; margin-top: -8px; } .dt_organization_section .owl_wrapper .next { left: calc(100% - 100px); right: 0px; left: auto; } .dt_organization_section .owl-carousel .item { border-radius: 50%; background-position: center center; background-size: cover; margin: 0 auto; border: 1px solid #e2e2e2; height: 80px; width: 80px; padding: 0; text-align: center; vertical-align: top; background-image: url(/etc.clientlibs/gepower-master-v2/clientlibs/clientlib-base/resources/images/placeholder-user.svg); padding-top: 7px; } .dt_organization_section .owl-item h4 { color: white; } .dt_organization_section .owl-item.center h4 { color: red; } .dt_organization_section .owl-carousel .owl-item.active.center .item { border: 3px solid #4E3794; } .dt_organization_section .owl-carousel .owl-item .item { border: 3px solid #707070; } .dt_organization_section .owl-carousel .owl-stage { margin: auto; } .dt_organization_section .owl-carousel .owl-stage-outer { height: 100px; } .dt_organization_section .owl-carousel .owl-stage { margin: 0px auto 0px -30%; position: absolute; left: 30.5%; } .dt_organization_section .owl_wrapper .active.middle_beside + .next_to_mid + .next_to_mid { z-index: 0; } .dt_organization_section .owl_wrapper .active.middle_beside + .next_to_mid + .next_to_mid { z-index: -1; } .dt_organization_section .owl-theme .owl-dots { display: none; } .dt_organization_section .organization_infotext p { line-height: 25px; font-weight: 400; /*height: 72px;*/ overflow: hidden; } .dt_organization_section .organization_infotext p:hover { overflow-y: auto; } .dt_organization_section .organization_infotext p::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius: 10px; background-color: grey; } .dt_organization_section .organization_infotext p::-webkit-scrollbar{ width: 6px; background-color: #ffffff; } .dt_organization_section .organization_infotext p::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #313131; } .dt_organization_section .organization_learnmore .link-icons { font-size: 20px; margin: 0px 10px; } .dt_organization_section[data-noofitems="3"] .owl_content, .dt_organization_section[data-noofitems="2"] .owl_content, .dt_organization_section[data-noofitems="1"] .owl_content { max-width: 100%; width: 200px; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .active.center+.middle_beside { margin: 0; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .active.middle_beside { margin: 0px; margin-left: -7px; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .prev { left: 20px; font-size: 24px; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .next { right: 20px; font-size: 24px; } .dt_organization_section[data-noofitems="3"] .dt-sub-heading { padding-bottom: 20px; color: #B2B2B2; font-size: 14px; font-weight: bold; line-height: 17px; } .dt_organization_section[data-noofitems="3"] { min-height: 0; padding-bottom: 0; } .dt_organization_section[data-noofitems="3"] .organization_infotext { padding: 0; } .dt_organization_section[data-noofitems="2"] .owl_wrapper .owl-item { opacity:1;} .dt_organization_section[data-noofitems="2"] .owl_wrapper .owl-item.immediate_prev { margin-left: 45px; } .dt_organization_section[data-noofitems="2"] .owl_wrapper .owl-item.immediate_prev + .center { margin-left: -45px; } .dt_organization_section[data-noofitems="2"] .owl_wrapper .active.center+.middle_beside { margin-left: -45px; } .dt_organization_section[data-noofitems="2"] .owl_wrapper .active.middle_beside { transform: scale(0.6); } .dt_organization_section[data-noofitems="2"] .owl_wrapper .active.middle_beside { margin: 0; margin-left: -10px; } @media only screen and (min-width: 1366px) { .dt_organization_section { min-height: auto; } .dt_organization_section[data-noofitems="1"] { min-height: auto; padding-bottom: 0; } .dt_organization_section[data-noofitems="2"] { min-height: auto; padding-bottom: 0; } .dt_organization_section .owl_wrapper .prev, .dt_organization_section .owl_wrapper .next { width: auto; } } @media only screen and (min-width: 1920px) { .dt_organization_section h2 { font-size: 36px; } .dt_organization_section .organization_infotext { height: auto; } .dt_organization_section { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .dt_organization_section[data-noofitems="3"] .owl_wrapper .next { right: 25%; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .prev { left: 25%; } } @media only screen and (max-width: 767px) { .dt_organization_section { width: 100%; margin: 20px 0px; padding: 10px 15px; } .dt_organization_section .owl_content{ max-width: 100%; width:280px; } /* .dt_organization_section .owl_wrapper .active.middle, .dt_organization_section .owl_wrapper .active.center { width:auto !important; }*/ .dt_organization_section .owl-carousel .owl-stage{ left: 37.5%; } .owl_wrapper .active.center+.middle_beside{ margin: 0 -1%; } .dt_organization_section .owl_wrapper .active.middle_beside{ margin: 0 -.5%; } .dt_organization_section[data-noofitems="1"] .owl_wrapper .active.center { margin-left:-10px; } .dt_organization_section[data-noofitems="3"] .owl_wrapper .active.middle_beside { margin: 0px; margin-left: -20px; } .dt_organization_section[data-noofitems="2"] .owl-carousel .owl-stage { left: 30%; } .dt_organization_section .organization_learnmore { bottom: 18px; } }