/* [//]: # (Bootstrap Override) [//]: # (******************) */ .row img, [class*=col-] img { width: 100%; } .form-row .RadPicker, .form-row .RadPicker .RadInput { width: 100%; font: initial; } @media only screen and (min-width : 768px) { .equal-height { display: table; } .equal-height [class*="col-"] { float: none; display: table-cell; vertical-align: top; } } /* [//]: # (Ajax Loading) [//]: # (************) */ .overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: #000; opacity: 0.8; filter: alpha(opacity=80); } .loading { width: 50px; height: 57px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px; } /* [//]: # (admin control) [//]: # (*************) */ .admin-control { background:#F9F9F9; min-height: 35px; padding:0.5em 2em 0; border-bottom:2px solid #EEE; width: 100%; position:fixed; top: -148px; z-index:1000; } .admin-control:hover { top: 0; } .admin-control .user-identity { display:inline-block; vertical-align:top; margin:0em 1em 0; float:right; font-size:0.75em; line-height:3em; font-family: Arial; font-size:12px; } .admin-control .logo-advantage { height: 50px; width: auto;} .admin-control nav ul { width:100%; list-style:none; } .admin-control nav ul li { float:left; margin:0 0.25em; height: 35px; list-style: none;} .admin-control nav ul li a { padding: .5em 1em .6em; } .admin-control nav ul li a:hover { background-color: rgb(143, 176, 217); border-radius: .35em; color: #fff;} .admin-control .logout-button { font-size: 82.47% !important; height: 27px !important; padding: .1em 1.1em .1em 1.1em !important; margin: .3em 0 0.3em 0 !important; float: right; border: none; background-color: #8fb0d9; background: linear-gradient(0deg, #BDCDE0, #8fb0d9 68%) no-repeat; letter-spacing: .06em !important; color: #fff !important; font-weight: 400 !important; border-radius: .35em !important; text-transform: uppercase;} .admin-control .logout-button:hover { background-color:#275C98 !important; background: linear-gradient(0deg, #7391B3, #275C98 82%) no-repeat !important; color: #fff !important; border: none;} .admin-control .arrow-down { position: relative; bottom: -16px; margin: auto; width: 30px;} .admin-control .arrow-down .icon { background: #F9F9F9; border-radius: .5em;} /* [//]: # (idangerous.swiper-2.0 overrides) [//]: # (*******************************) */ .swiper-container { position: relative; margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;} .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; } .swiper-container, .swiper-slide { width:100%; overflow: hidden; } .swiper-slide { float: left; position: relative; } .swiper-slide img { width: 100%; } /* set the arrow images in components.css as overrides */ a.arrow-left { display: none; position: absolute; z-index: 2;} a.arrow-right { display: none; position: absolute; z-index: 2;} .swiper-pagination { position: absolute; z-index: 20; } .swiper-pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; cursor: pointer; } .swiper-pagination .swiper-active-switch { } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } @media (min-width: 768px) { .swiper-slide .content { position: absolute; bottom:0; height: 100%; } } /* [//]: # (Banner) [//]: # (******) .swiper-container, .swiper-slide { height: auto !important; }*/ .swiper-slide a { display: block; } .swiper-slide .content { width: 100%; } @media (min-width:768px) { .swiper-slide .content.center { text-align: center; } .swiper-slide .content.right { text-align: right; } } .swiper-arrows { position: absolute; bottom: 0; height: 100%; width:100%; } @media (min-width: 768px) { .swiper-container, .swiper-slide { width: 100%; height: auto; } a.arrow-left, a.arrow-right { margin-top: calc(-50px/2); width: 23px; height: 50px; font-size:0.00001px } a.arrow-left { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAsCAYAAADByiAeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MURFNUEyQzIxQTAxMUU1ODU0QkU1QjExQTY5QjBGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MURFNUEyRDIxQTAxMUU1ODU0QkU1QjExQTY5QjBGQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxREU1QTJBMjFBMDExRTU4NTRCRTVCMTFBNjlCMEZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxREU1QTJCMjFBMDExRTU4NTRCRTVCMTFBNjlCMEZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8chZQwAABctJREFUeNrkmk1sG0UUgHfXm+L4JzR1nMRyEjt2UkOBAwduSEgtByR6gVaiEVIP3CtxajnACSQoJ6RyQ+KAhEKltFxA4gBISFw4cShtSRM7duMoP46TknidNF7vMm89475Md23vXyLBSqO1d+bNvm/f7pv3ZkbUdV0QRVFwcTBhCf1mZ92ksHq+CKgezhp3zfYhC+4OphiABdBvESmIC36KElewDJybbgFlD8ACtB92Zoo2UVFNLCchOVYYnErrVSrvCPApuGzupa5C+fk7GKyPK4H46FhGkkRVEgOqFAg0Vh7m7yOLtOGSE9mc1mz2aXpT1jRdrqyVCxSmQQuztCNA25YzATtBSpCUZ+B/LD6aSSSSV5R6/Ty031Nqr3DfYxtO17RAKBL9Ay6EQ6EftKZ6o1pZK1Cwx5yMbUDZA7B+WoKDseHs2ET6cq2mnGcyxGHxYG1AWmcc8DCI7L6mad9sVzfy6BsWnAJKHoCFoJw8FX8ulc68S8AuMpn+YPBPIsF7yidelNQZbegBstAH9MX6pfc4wV55zru6h+sBLJeezF7crSnvMJlwOPR7ZWPtymq5uGDxpHWogzbQll2EPqAv6NMtoOQebIiBzTCZSCT82+pK+aP11eUHyKXzloNrTWgDbUEGAc60AIdcAcruwaYuEGUuMZloJPxrebn06ebG6jx1DCoCZMpoaIhoVNZX5nVd+2RsPNUkfZ2lgJdI30JREG492tqct1Cx4zcoewoWjfyyXCper1ZW74KjJOWAAmgIinlLNp4ZwORh3CXB0mfjqbS+u1s75wWg7APYX+TvPgVr0JubORSsmAFMZa8TQMELQNEktvQC7HEHsE73grEyGIsnXiSA1xggfd2/Ky4tMsA6LXudHqLU5WauwUjE02lM0lEcyQbufegL+oS+kZMBC16w42TkYwTr9IoKXryi8jGD+QqI4Y4LzDdAGX17MgcWJmCnyWB6FGAOAbMM8IHZt8zgAhxc+OSgYbG3jxDMAWC9ZUFduP1o27CgjnJITUJwLHXpN8Ay2bc4sJ+XS0ufk5vc8xGsmxe9BzqALoe8KNEVdGbZCWUJ8JbrG4zFp1Pp7CGLDQxEfiotFb7c2lyfNxugPQazsqCRA5J8j4Rq+hepyYy6s1N7g1pwJp2ZEktFsbFdrdxhGb7Ep/1EUMZgzw5Ef1xaXPiagOVRnMhCKr/AeAtq+N6gC+gEumELgu54qkMS/sOHxKUgKgnFVAh1WIN/dnbfnJyafu/U0EjWbCKIxqF+HaLJZJIMuoBOoBsOz0B3/FZJ6L020g/yzi4UC4u3o5HQLBOEd3sinXk/Fh/NoQ+2HfL4BGg6VwM6gC7se2uBhWZBZ9Adp1kY7oA6iz1wq8VC/ntsQeJ+Xx9PTV4lQe0ZPCHkE6BVQH0GdABdDgXURFc6FOwhh9fkLXdAGygGIInCyVPBgOcgWoeo3UdAG5lCqJUptMAULodsw2kcXN0A3ALA/C3Ogn4C2kyB8iz8UrgUSMWDOB4wMWC9Bbh4FICe53aSRURw1IC+JK1Sh5DnqAB9y8b/V9MMAg2nPLWg1XS6n2CWk7IeAXaaQLUYoL0D6zjj7BhwIvXB0HDiBTR5I6P7SNzvdg4JMiDrFVjX6XRHgDXlbHI89WF8JJmjVmExocTdt51mQVuQYbPNXoD1tFbQG2B+jigzi1ZrXkskxz4eSYyfRmBPrc9BHbSBtiCDwGahTzdgPa/ydAesMMCb7fU2pf5qfHj0RmIsPW3lUKAO2kBbBHazBVZxBWZrfa4HwL9LxcK3kUh4jsns7e+/bKzCWTkUUme0ebI6NAd9QF9uwWzB9QCobFc37pcfFr+CJeA2hShqVutztE5gy8YgC32YxIq2wUwHcR8X/PFqj+EpkxPZ57ss+DecgllFKE7iwV62ajS53QxYzmyrBi9ne65GdLmDyO4mG/6T6GWTjSMw27sZuky/6YK97VEagvFle9S/AgwAkQqpEdeih7wAAAAASUVORK5CYII=) no-repeat -3px; } a.arrow-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAsCAYAAADByiAeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MURFNUEyQzIxQTAxMUU1ODU0QkU1QjExQTY5QjBGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MURFNUEyRDIxQTAxMUU1ODU0QkU1QjExQTY5QjBGQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxREU1QTJBMjFBMDExRTU4NTRCRTVCMTFBNjlCMEZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxREU1QTJCMjFBMDExRTU4NTRCRTVCMTFBNjlCMEZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8chZQwAABctJREFUeNrkmk1sG0UUgHfXm+L4JzR1nMRyEjt2UkOBAwduSEgtByR6gVaiEVIP3CtxajnACSQoJ6RyQ+KAhEKltFxA4gBISFw4cShtSRM7duMoP46TknidNF7vMm89475Md23vXyLBSqO1d+bNvm/f7pv3ZkbUdV0QRVFwcTBhCf1mZ92ksHq+CKgezhp3zfYhC+4OphiABdBvESmIC36KElewDJybbgFlD8ACtB92Zoo2UVFNLCchOVYYnErrVSrvCPApuGzupa5C+fk7GKyPK4H46FhGkkRVEgOqFAg0Vh7m7yOLtOGSE9mc1mz2aXpT1jRdrqyVCxSmQQuztCNA25YzATtBSpCUZ+B/LD6aSSSSV5R6/Ty031Nqr3DfYxtO17RAKBL9Ay6EQ6EftKZ6o1pZK1Cwx5yMbUDZA7B+WoKDseHs2ET6cq2mnGcyxGHxYG1AWmcc8DCI7L6mad9sVzfy6BsWnAJKHoCFoJw8FX8ulc68S8AuMpn+YPBPIsF7yidelNQZbegBstAH9MX6pfc4wV55zru6h+sBLJeezF7crSnvMJlwOPR7ZWPtymq5uGDxpHWogzbQll2EPqAv6NMtoOQebIiBzTCZSCT82+pK+aP11eUHyKXzloNrTWgDbUEGAc60AIdcAcruwaYuEGUuMZloJPxrebn06ebG6jx1DCoCZMpoaIhoVNZX5nVd+2RsPNUkfZ2lgJdI30JREG492tqct1Cx4zcoewoWjfyyXCper1ZW74KjJOWAAmgIinlLNp4ZwORh3CXB0mfjqbS+u1s75wWg7APYX+TvPgVr0JubORSsmAFMZa8TQMELQNEktvQC7HEHsE73grEyGIsnXiSA1xggfd2/Ky4tMsA6LXudHqLU5WauwUjE02lM0lEcyQbufegL+oS+kZMBC16w42TkYwTr9IoKXryi8jGD+QqI4Y4LzDdAGX17MgcWJmCnyWB6FGAOAbMM8IHZt8zgAhxc+OSgYbG3jxDMAWC9ZUFduP1o27CgjnJITUJwLHXpN8Ay2bc4sJ+XS0ufk5vc8xGsmxe9BzqALoe8KNEVdGbZCWUJ8JbrG4zFp1Pp7CGLDQxEfiotFb7c2lyfNxugPQazsqCRA5J8j4Rq+hepyYy6s1N7g1pwJp2ZEktFsbFdrdxhGb7Ep/1EUMZgzw5Ef1xaXPiagOVRnMhCKr/AeAtq+N6gC+gEumELgu54qkMS/sOHxKUgKgnFVAh1WIN/dnbfnJyafu/U0EjWbCKIxqF+HaLJZJIMuoBOoBsOz0B3/FZJ6L020g/yzi4UC4u3o5HQLBOEd3sinXk/Fh/NoQ+2HfL4BGg6VwM6gC7se2uBhWZBZ9Adp1kY7oA6iz1wq8VC/ntsQeJ+Xx9PTV4lQe0ZPCHkE6BVQH0GdABdDgXURFc6FOwhh9fkLXdAGygGIInCyVPBgOcgWoeo3UdAG5lCqJUptMAULodsw2kcXN0A3ALA/C3Ogn4C2kyB8iz8UrgUSMWDOB4wMWC9Bbh4FICe53aSRURw1IC+JK1Sh5DnqAB9y8b/V9MMAg2nPLWg1XS6n2CWk7IeAXaaQLUYoL0D6zjj7BhwIvXB0HDiBTR5I6P7SNzvdg4JMiDrFVjX6XRHgDXlbHI89WF8JJmjVmExocTdt51mQVuQYbPNXoD1tFbQG2B+jigzi1ZrXkskxz4eSYyfRmBPrc9BHbSBtiCDwGahTzdgPa/ydAesMMCb7fU2pf5qfHj0RmIsPW3lUKAO2kBbBHazBVZxBWZrfa4HwL9LxcK3kUh4jsns7e+/bKzCWTkUUme0ebI6NAd9QF9uwWzB9QCobFc37pcfFr+CJeA2hShqVutztE5gy8YgC32YxIq2wUwHcR8X/PFqj+EpkxPZ57ss+DecgllFKE7iwV62ajS53QxYzmyrBi9ne65GdLmDyO4mG/6T6GWTjSMw27sZuky/6YK97VEagvFle9S/AgwAkQqpEdeih7wAAAAASUVORK5CYII=) no-repeat -29px 3px; right: 0; } a.arrow-left:hover, a.arrow-right:hover { background-color: rgba(162, 183, 217, .4); } } /* [//]: # (Carousel) [//]: # (********) */ /*.carousel-container { width: 100%; margin:0; height:36px; } .carousel-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically * / display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .carousel .carousel-arrow-left, .carousel .carousel-arrow-right { position: absolute; top:0; width:19px; height:36px;} .carousel .carousel-arrow-left, .carousel .carousel-arrow-left:hover { background:url('/img/arrow-left.jpg') 0 0 no-repeat; left:0; } .carousel .carousel-arrow-right, .carousel .carousel-arrow-right:hover { background: url('/img/arrow-right.jpg') 0 0 no-repeat; right: 0; } @media (min-width:768px) { .carousel-container { width: 90%; margin: 0 0 0 3rem; } }*/ /* [//]: # (Accordion) [//]: # (*********) */ .ui-accordion {/* margin: 8rem 0; */} .ui-accordion .ui-accordion-header { padding-bottom: 8px; background-color:white !important; color:black!important; padding: .45em .5em 0.85em 2.8em !important; font-weight: 100;} .ui-accordion .ui-accordion-header:after { content: "+"; left: 10px; position: absolute; font-size: 34px; color:black !important; top:7px} .ui-accordion .ui-accordion-header-active:after { content: "-"; left: 10px; top: 4px; } .ui-accordion .ui-accordion-content { margin-bottom:2rem; margin-left: 6.4px; background-color: white; } /* [//]: # (Breadcrumb) [//]: # (**********) */ .breadcrumb ul li { list-style: none; float: left; margin: 0; padding-right: 1px; } .breadcrumb ul li:after { content: ' / '; padding-left: 0.6rem; padding-right: 0.6rem; } .breadcrumb ul li:last-child:after { content: ''; } .breadcrumb ul li:last-child a{ color:#000;} .breadcrumb ul li a { text-decoration:underline; } /* [//]: # (Sitemap) [//]: # (*******) */ .sitemap ul li { list-style: none; margin-left: 0; padding-left: 0; } .sitemap ul li[class*=span] { padding-left: 15px; } .sitemap ul li a { text-decoration: none } /* [//]: # (Content Tile) [//]: # (************) */ .content-tile { padding-bottom: 3rem /* button space */; } /* [//]: # (ImageCollection) [//]: # (***************) */ @media (max-width:767px) { .image-collection a { width: 100%; } } /* [//]: # (Calendar) [//]: # (********) */ .calendar{min-height:780px; animation:fadein 1s; -moz-animation:fadein 1s; -webkit-animation:fadein 1s; -o-animation: fadein 1s;} .calendar .tabs li {list-style:none; display:inline-block; margin-right:20px; } .calendar .fc-widget-header thead th {background-color: #ddd; padding: 8px 0; } /* event */ .calendar .fc-day-grid-event { padding: .5rem; } /* pop up */ .calendar .fc-day-grid-event .verboseInfo { position: absolute; bottom: 23px; min-width: 300px; max-width: 500px; background-color: #fff; color: #333; z-index: 5000; border: 1px solid #333; display: none; animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; } .calendar .fc-day-grid-event .verboseInfo .eventTime { } .calendar .fc-day-grid-event .verboseInfo h2 { padding: 1rem; } .calendar .fc-day-grid-event .verboseInfo p { padding: 0 .5rem; } .calendar .fc-month-view .fc-scroller, .calendar .fc-month-view .fc-row.fc-rigid { overflow: visible !important; } .calendar .fc-agendaDay-view .verboseInfo, .calendar .fc-agendaWeek-view .verboseInfo { display: none !important; } /* Detail */ .calendar .detail ul li { list-style: none; overflow: auto; margin-bottom: 1rem; padding-top: 6px; min-height: 3rem; } .calendar .detail img { width: auto; float: left; margin: -6px .5rem 0 0; } /* List View */ .calendar .list-view h2 { color: #fff; padding: 5px; } .calendar .color-filter { text-align: center; margin: 3rem 0; } .calendar .color-filter a {color: #fff;padding: 1rem;border: solid 1px #000;} .calendar .color-filter a:hover { color: #fff; } .calendar .filtered { opacity: 1; } .calendar .non-filtered { opacity: 0.3; } /* common overrides */ /*.calendar .desktop-only.expand { display: none !important; } .calendar .mobile-only { display: block !important; } @media (min-width: 768px) { .calendar .desktop-only.expand { display: block !important; } .calendar .mobile-only { display: block !important; } }*/ /* [//]: # (One Page Scroll) [//]: # (***************) */ .fragment-section { position: relative; clear: both; /*display: block;*/ /* display block if not using offset */ } .page-nav { display: none; } .page-nav:first-child { display: block; } /* [//]: # (Twitter) [//]: # (*******) */ .twitter-feed {} /* [//]: # (Documents) [//]: # (*********) */ .document ul li { list-style:none; margin:0 0 2rem 0; } /* [//]: # (Gallery) [//]: # (*********) */ .mfp-content { text-align:center !important; text-align:inherit; } .gallery-video { display:inline-block !important; } .gallery-video.mfp-hide { display:none !important; } .gallery-popup-item { display:inline-block; } @media (max-width:767px) { .gallery a { width: 100%; } .gallery-popup-item, .gallery-video-popup-item { width: 70vw; } video { width: 100% !important; height: auto !important; } } @media (min-width:768px) { .gallery-popup-item { max-height: 70vh; } .gallery-video-popup-item { width: 70vw; margin: auto; } } /* [//]: # (Social Share) [//]: # (************) */ #SocialMediaLink .addthis_toolbox a div {padding-left:0; width:33px; height:30px; font-size:1px; background-size:cover; } /* [//]: # (Banner Video) [//]: # (************) */ .banner-video img { width: 100%; } .video-content { width: 100%; overflow: hidden; } .video-content { height: auto !important; } .video-content .video-js { width: 100% !important; float: left; } .video-content .video-js { height: auto !important; } .video-content .video-js video { width: 100% !important; height: auto !important; position: relative; float: left; cursor: pointer; background: #fff; } /*.video-js { padding-top: 56.25% }*/ .vjs-fullscreen { padding-top: 0px; } .vjs-poster { display: none; background-color: #fff !important; } /* [//]: # (Pagination) [//]: # (************) */ .pagination-adv { font-size: 1.6rem; text-align: center; margin-bottom: 3rem; padding: 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .pagination-adv li { display: inline-block; margin: auto; min-width: 18px; } .pagination-adv li a.current { font-weight:bold} /* [//]: # (Profile) [//]: # (*******) */ .profile .member { background: #fff; background-clip: padding-box; position: relative; text-align: center; } .profile .member:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .profile .member:hover .social { visibility: visible; } .profile .social { width: 100%; top: 60%; position: absolute; visibility: hidden; text-align:center; } .profile .social ul { display:inline-block;margin:0 auto; } .profile .social ul li { list-style: none; display: inline-block; padding-right: 5px; padding-left: 5px; } .profile .social a { color: #fff; display: inline-block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .profile .social a:hover { opacity: 0.4; filter: alpha(opacity=40); } .profile .social a .fa { font-size:0.00001px; padding:10px; } .profile .social a .fa:before { font-size:18px;} /* [//]: # (Product) [//]: # (*******) */ /* product listing */ .product { margin-bottom: 1rem; } .product .info .name, .product .info .price { display: block; } /* filter */ .filter .category { margin-bottom:1rem; } .filter .active { color:aqua; } /* dept & cat */ .category .parent { margin-top: 1rem; } /* todo: check this */ aside .widget.filter .link-hover:before { content: '\00af'; top: 4px; position: relative; margin-right:5px } aside .widget.filter .link-hover.active:before { content:'\00d7'; top:0; } aside .widget.filter .link-hover.active { color:#00adef; } /* product detail */ .product .flow .form-row label { width:35%; text-align:left; } .product .flow .form-row select { width:50%; } /* snipcart */ .snipcart-summary ul { overflow:auto; padding:1rem; } .snipcart-summary ul li { float:left; list-style:none; } .snipcart-summary ul li:after { content: '/'; padding: .7rem; } .snipcart-summary ul li:last-child:after { content: ''; } /* [//]: # (questionnaire) [//]: # (*************) */ .questionnaire ul { margin-top:1rem; } .questionnaire ul li {list-style: none;margin-left: 0;overflow: auto;} .questionnaire input[type=radio] { float: left; margin: .4rem .5rem .5rem 0; } .questionnaire input[type=radio] + label { float: left; margin-top: .3rem; } .questionnaire .answer ul li {margin-bottom: 1rem;padding: .4rem 1.8rem;} .questionnaire .answer .selected {background-color: #ef8181;border-radius: .35rem;border: solid 1px #d81616;} .questionnaire .answer .correct {border: #006eb9 solid 1px;border-radius: .35rem;} .questionnaire .answer .correct.selected {background-color: #50a24a;border-color: #356931;} /* [//]: # (Instagram) [//]: # (*************) */ .instagram { margin-bottom:4rem} .instagram .instagram-outer { overflow:hidden;} .instagram .instagram-inner { margin: -55px -20px -40px; position: relative; } .instagram .instagram-inner .instagram-overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; background:#fff; opacity:0.7 } .instagram .instagram-inner .instagram-overlay span{padding:50px 20px; margin-top:35%; display:block; text-align:center } .instagram .instagram-inner .instagram-overlay span img { margin: 0 auto; width:auto} .instagram .instagram-inner:hover .instagram-overlay { display:block} @media (max-width: 768px) { .instagram .instagram-outer { padding-bottom:2rem;} .instagram .instagram-inner { margin: -50px -20px; } } /* [//]: # (Call to Action) [//]: # (**************) */ .call-to-action { padding: 2em; text-align: center; border: 2px solid #2d499d; background: #efefef;} /*.call-to-action h3 {font-size:140%} .call-to-action p {font-size:120%; padding-bottom:1.5em}*/ .newAccordionClass { background-color: white !important; color: #000000 !important; } /* [//]: # (Badge) [//]: # (**************) */ /* # Badge Examples ```

H4 Heading

Lorem ipsum dolor sit amet, consectetur adi pisicing elite

Learn more
``` */ .badge.grey .content-tile { background: #e9e9e9; margin-bottom: 15px; } .badge .content-tile { padding-top: 4em; padding-bottom: 4em; } .badge .content-tile .left-content img{ max-width:100%; } .badge .content-tile{ height:100%; } .badge .content-tile p { margin:0; padding:1em 0; } /* CONTENT CARD */ .content-card.grey .content-tile { background: #e9e9e9; margin-bottom: 15px; } .content-card .content-tile { padding-top: 4em; padding-bottom: 4em; } .content-card .content-tile .left-content { width:100%; } .content-card .content-tile .left-content img { max-width: 100%; margin-bottom:3em; } .content-card .content-tile { height: 100%; } .content-card .content-tile h4 { font-size: 2em; line-height: 1.5em; } .content-card .content-tile p { margin: 0; padding: 1em 0; } .tile-button { font-weight:bold; text-transform:uppercase; } /* END CONTENT CARD */ .clearfix { clear: both; } /* [//]: # (Hero Banner) [//]: # (**************) */ .resp-embed-container { position: relative; overflow: hidden; padding-top: 56.25%; width: 100%; } .resp-embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .img-credit span { float: left; } @media (max-width:767px) { .img-credit span { float: left; clear: left; } span.sep { display: none; } .banner-video figcaption { bottom: 15vw; } } /* [//]: # (Image Banner) [//]: # (**************) */ .bottom.leftCaption { float: left; position: relative; color: white; font-size: 5.4rem; line-height: 6rem; font-weight: 100; } .bottom.rightCaption { float: left; position: relative; color: white; font-size: 2rem; } .banner-video figcaption { bottom: 10vw; } .bottom.rightCaptionButton { top: 60px; font-size: 2rem; color: white; } .banner-video a { color: white !important; float: left; } .bottom.caption { position: relative; color: black; font-size: 3rem; line-height: 8rem; } .bottom.title { position: relative; color: black; font-size: 4.8rem; line-height: 8rem; } .buttonNotInBanner { color: black !important; float: left; font-size: 2rem; } .fa-long-arrow-right { font-size: 1.2em; padding: 0 0.5em; margin-top: -0.2em; } .divButton a { float: left; left: 4px; font-size: 3rem; font-weight: 100; bottom: 5px; position: relative; } /* [//]: # (Text Banner) [//]: # (**************) */ /* # Text Banner ```

H2 Heading text banner

Curae congue volutpat elementum in imperdiet ut dictum nullam, tellus cursus etiam nunc ferment

``` */ .text-banner { background: #000; color: #fff; padding: 4em 3em; } .text-banner a { text-decoration: underline; color: #fff; font-weight: bold; } /*ToolTip*/ .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } /*End Tooltip*/ /*Content Filter*/ .content-filter-search .search-field .sText { width: 100%; height: 3em; border-radius: 0; box-shadow: none; margin-bottom:2em; } .fancy-dropdown .SumoSelect { width: 100%; margin-bottom:2em; } .fancy-dropdown .SumoSelect .SelectBox {height:3em; } .SumoSelect > .CaptionCont > span {line-height:2em;} .SumoSelect > .optWrapper > .options li {list-style:none;} .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 0 !important;margin:0 !important; } .SumoSelect > .optWrapper.multiple > .options li.opt span{ padding-left: 100px; } .SumoSelect > .optWrapper.multiple > .options li.opt label { padding-left:50px; } .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i { background-color:#000 !important; } /*End Content Filter*/ .accessible-megamenu-top-nav-item { float: left; } .accessible-megamenu .accessible-megamenu-panel.cols-4 { position: absolute; left: 0; width: 1560px; max-width: 92vw;/*not good enough*/ } .accessible-megamenu .accessible-megamenu-panel.cols-4 h2 { margin-bottom:2em; } /*NEWS CARD*/ .display-card h4 {padding-top:3rem;line-height:1.5em;font-size:2rem } .display-card .display-meta { padding-bottom:2rem; } .display-meta a { text-transform:uppercase; } .display-news-card { padding-bottom: 4em; padding-top: 4em; } .display-news-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-news-card .display-meta { padding-bottom: 2rem; } .display-Awards-card { padding-bottom: 4em; padding-top: 4em; } .display-Awards-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-Awards-card .display-meta { padding-bottom: 2rem; } .display-bloaag-card { padding-bottom: 4em; padding-top: 4em; } .display-bloaag-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-bloaag-card .display-meta { padding-bottom: 2rem; } .display-career-card { padding-bottom: 4em; padding-top: 4em; } .display-career-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-career-card .display-meta { padding-bottom: 2rem; } .display-document-card { padding-bottom: 4em; padding-top: 4em; } .display-document-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-document-card .display-meta { padding-bottom: 2rem; } .display-event-card { padding-bottom: 4em; padding-top: 4em; } .display-event-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-event-card .display-meta { padding-bottom: 2rem; } .display-people-card { padding-bottom: 4em; padding-top: 4em; } .display-people-card h4 { padding-top: 3rem; line-height: 1.5em; font-size: 2rem } .display-people-card .display-meta { padding-bottom: 2rem; } /*NEWS CARD END */ /*SUB CAT LIST */ .pipe-list { position: relative; overflow: hidden; } .pipe-list ul { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 0; } .pipe-list li { padding:0; text-align: center; border-left: 1px solid #000; list-style: none; float:left; } .pipe-list li {padding-left:0.5rem; margin-left:0.5rem;} .pipe-list li:first-child { border-left: 0px solid #f00; padding-left: 0rem; margin-left: 0rem; } /*SUB CAT LIST END */ /*PAGINATION */ .pagination-wrap .resultsPagination { padding: 5px; margin: 0; border: 1px solid #000; } .pagination-wrap .resultsPagination li { min-width: 25px; display: inline-block; text-align: center; vertical-align: bottom; padding-bottom: 0 } .pagination-wrap .resultsPagination li a.current { text-decoration: underline; } .pagination-wrap { text-align: center; } .listing { display: none; } /*PAGINATION END */ /*TERM*/ .conscent-box { height: 300px; border: 1px solid #999; border-radius: 5px; box-shadow: #000 1px 1px; float: left; /*width: 86%;*/ overflow: scroll; overflow-x: scroll; overflow-x: hidden; padding: 10px; } /*TERM END*/ /*DIVIDER WITH HEADING*/ .divider-with-heading { color: black; padding: 0.9em 3em 0.9em 1em; background: url('/OAA/Assets/Images/divider-bg.png') no-repeat #e6e7e8; background-position: right 1em center; background-size: 1em; font-size:1.5em } .divider {margin-top:3em; } .divider div hr { background-color: #e6e7e8; border: 1px solid #e6e7e8; margin-top: 1.25em } /*END DIVIDER WITH HEADING*/ /* BANNER*/ .bottom.caption { font-size: 2rem; line-height: 3rem; padding-bottom:2em; } .bottom.title { position: relative; color: black; padding-bottom: 1.5em; /*font-size: 3.4rem; line-height: 8rem;*/ } .buttonNotInBanner { color: black !important; float: left; font-size: 2rem; } /* END BANNER*/ .image-banner { padding: 3em 0; } /* DOWNLOAD ICON */ .download-icon { background: url('/OAA/Assets/Images/download-icon.jpg') no-repeat; background-position: 100% center; background-size: 16px; padding-right: 2rem; } .hyperlink-icon { background: url('/OAA/Assets/Images/hyperlink-icon.jpg') no-repeat; background-position: 100% center; background-size: 16px; padding-right: 2rem; } /* END DOWNLOAD ICON */ .cta-button-in-detailpage { background-color: #000; padding: 2.0rem 10rem 2rem 2rem !important; color: #fff; font-size: inherit; text-transform: uppercase; transition: all 0.3s ease 0s; cursor: pointer; border: none; background-image: url('/OAA/Assets/Images/button-arrow.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; text-align:left; font-weight:bold; } .go-to-top { background: url('/OAA/Assets/Images/up-arrow.jpg') no-repeat; background-position: 100% center; background-size: 16px; padding-right: 2rem; } /*Valid*/ .textbox-has-error { border-color: red !important; background-image: url('/OAA/Assets/Images/system/x-mark.jpg'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; background-size: 4%; } .textbox-is-correct { border-color: green !important; background-image: url('/OAA/Assets/Images/system/check-mark.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; background-size: 2%; } /*End Valid*/ .link-in-list-with-underline { text-decoration: underline solid black; } /* overlay */ .div-overlay { display: block; height: 104.5%; position: absolute; width: 100%; z-index: 1; } .sponsership .RadUpload_Default .ruStyled .ruFileInput { width: 68%; height: 60%; }