/* ================================================================================================ FONT-KIT STYLE ================================================================================================ */ @font-face { font-family: 'telefon_boldregular'; src: url('../fonts/telefon-bold-webfont.eot'); src: url('../fonts/telefon-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/telefon-bold-webfont.woff2') format('woff2'), url('../fonts/telefon-bold-webfont.woff') format('woff'), url('../fonts/telefon-bold-webfont.ttf') format('truetype'), url('../fonts/telefon-bold-webfont.svg#telefon_boldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telefonregular'; src: url('../fonts/telefon-normal-webfont.eot'); src: url('../fonts/telefon-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/telefon-normal-webfont.woff2') format('woff2'), url('../fonts/telefon-normal-webfont.woff') format('woff'), url('../fonts/telefon-normal-webfont.ttf') format('truetype'), url('../fonts/telefon-normal-webfont.svg#telefonregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato', sans-serif; src: url('../fonts/gt-cinetype-regular-webfont.eot'); src: url('../fonts/gt-cinetype-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-cinetype-regular-webfont.woff2') format('woff2'), url('../fonts/gt-cinetype-regular-webfont.woff') format('woff'), url('../fonts/gt-cinetype-regular-webfont.ttf') format('truetype'), url('../fonts/gt-cinetype-regular-webfont.svg#gt_cinetyperegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GravurCondensed-Regular'; src: url('../fonts/GravurCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GravurCondensed-Regular.otf') format('opentype'), url('../fonts/GravurCondensed-Regular.woff') format('woff'), url('../fonts/GravurCondensed-Regular.ttf') format('truetype'), url('../fonts/GravurCondensed-Regular.svg#GravurCondensed-Regular') format('svg'); font-weight: normal; font-style: normal; } /* ================================================================================================ BROWSER RESET STYLE == HTML:5 RESET STYLE ================================================================================================ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { /* list-style: none; padding:0px; */ margin-left: 15px; margin-bottom: 15px; } ul li{ margin-bottom: 10px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } /* ================================================================================================ SITE COMMAN STYLE ================================================================================================ */ html { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { background: #ffffff; -webkit-font-smoothing: subpixel-antialiased; font-family: 'Lato', sans-serif; margin: 0; padding: 0; font-size: 13px; color: #000000; } a{ text-decoration: none; outline: none; color: #000000; } a:hover, a:focus{ text-decoration: none; outline: none; color: #58595b; } img{ vertical-align: top; max-width: 100%; } p{ margin-bottom: 15px; font-size: 16px;} h1, h2, h3, h4, h5, h6{ font-family: 'telefon_boldregular'; margin-bottom: 10px; margin-top: 20px; font-weight: normal; } h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter{ text-transform: capitalize; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after, .alm-reveal:before, .alm-reveal:after { display:table; content:" "; } .clearfix:after, .container:after, .row:after, .nav:after, .alm-reveal:after { clear:both; } .hide { display:none; } .show { display:block; } .cb{ clear: both; } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance:button; cursor:pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wrap1100{ width: 1100px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .main-page{ padding-bottom: 0px; position: relative !important; } .header-abs .main-page{ padding-top: 0px; } .logged-in.header-abs .main-page { top: -61px; } .logged-in.header-abs.home .main-page { top: 0; } .btn-border { font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000; font-size: 14px; text-align: center; text-transform: uppercase; padding: 3px 8px; } .btn-border:hover{ color: #52107C; border-color: #52107C; } .cycle-next, .cycle-prev, .owl-prev, .owl-next, .page-prev, .page-next{ display: inline-block; text-indent: -9999px; height: 40px; width: 40px; background: #851ac9 url(../images/slier-nav-bg.png) no-repeat ; cursor: pointer; z-index: 100; } .cycle-next:hover, .cycle-prev:hover, .owl-prev:hover, .owl-next:hover, .page-prev:hover, .page-next:hover{ background-color: #771faf; } .cycle-prev, .owl-prev, .page-prev{ background-position: left top; } .cycle-next, .owl-next, .page-next{ background-position: right top; } h3{ font-family: 'Lato', sans-serif; font-size: 30px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; } h4{ font-family: 'Lato', sans-serif; font-size: 20px; line-height: 26px; margin-bottom: 10px; margin-top: 15px; } h5{ font-family: 'Lato', sans-serif; font-size: 16px; line-height: 18px; margin-bottom: 15px; margin-top: 16px; } h6{ font-family: 'Lato', sans-serif; font-size: 20px; line-height: 26px; margin-bottom: 15px; margin-top: 35px; color: #000000; } h6, h6 a{ color: #52107c; } h6 a:hover{ color: #000000; } .Page-Content a{ color: #52107c; } .Page-Content a:hover{ color: #58595b; } /* ================================================================================================ HEADER STYLE ================================================================================================ */ .active-slide-1 .header-main .main-logo { display: none; } header .container, .home-slider-logo-img .container{ width: 1120px; } .header-abs header{ position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 150; } .header-main-wrap{ position: relative; z-index: 200; width: 100%; } .home-page .header-main-wrap{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; } .header-main{ background-color: #fff; padding: 10px 0 ; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.2s ease; } .main-logo{ width: 100%; } .main-logo a{ display: block; } .main-logo img.hover{ display: none; } .main-logo a:hover img{ display: none; } .main-logo a:hover img.hover{ display: inline-block; } .header-main .sf-menu ul{ box-shadow: none; list-style: none; margin: 0; } .header-main .sf-menu ul li{ margin-bottom: 0; } .main-nav ul{ list-style: none; margin: 0; } .main-nav ul li{ padding-left: 10px; border-left: 2px solid #ffffff; height: 41px; line-height: 21px; float: left; width: 110px; margin-left: 20px; } .main-nav ul li:first-child{ margin-left: 0; } .main-nav ul li a{ font-family: 'GravurCondensed-Regular'; font-size: 15px; color: #ffffff; text-transform: uppercase; display: block; height: 100%; } .main-nav .sub-menu{ display: none; } .active-slide-1 .sub-pages-menu { display: none !important; } .search-bar{ background: #ffffff; display: none; } .search-bar-outer{ padding: 25px 50px; } .search-bar label, .search-bar input[type="text"], .search-bar input[type="submit"]{ height: 30px; line-height: 30px; font-family: 'Lato', sans-serif; font-weight: normal; } .search-bar label{ float: left; margin-right: 15px; font-size: 16px; color: #000000; } .search-bar input[type="text"]{ float: left; width: 50%; padding: 0 20px; border: none; outline: none; font-size: 20px; color: #000000; } .search-bar input[type="submit"]{ float: right; border: none; background: none; outline: none; padding: 0px; margin: 0 20px; font-size: 16px; color: #0EB3C9; border-bottom: 1px solid #0EB3C9; } .search-close-btn{ background: url(../images/search-close-icon.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; text-indent: -9999px; overflow: hidden; float: right; } .top-login-bar{ background: #ffffff; border-top: 1px solid #dddddd; display: none; } .top-login-outer{ padding: 25px 50px; } .top-login-bar label{ height: 30px; line-height: 30px; font-family: 'Lato', sans-serif; font-weight: normal; } .top-login-bar input[type="text"], .top-login-bar input[type="submit"], .top-login-bar input[type="password"] { font-family: 'Lato', sans-serif; font-weight: normal; height: 30px; /* padding: 5px 10px !important; */ line-height: 20px; } .top-login-bar label{ float: left; margin-right: 10px; font-size: 16px; color: #000000; } .user-name-block{ margin-right: 50px; } .top-login-bar input[type="text"]{ float: left; width: 200px; padding: 0 10px; border: none; outline: none; font-size: 15px; color: #444; } .top-login-bar input[type="password"]{ float: left; width: 180px; padding: 0 10px; border: none; outline: none; font-size: 15px; color: #444;; } .top-login-bar input::-webkit-input-placeholder{ color: #000000; } .top-login-bar input:-moz-placeholder { color: #000000; opacity: 1; /* FF sets opacity to 0.54 by default */ } .top-login-bar input::-moz-placeholder { color: #000000; opacity: 1; /* FF sets opacity to 0.54 by default */ } .top-login-bar input:-ms-input-placeholder { color: #000000; } .login-close-btn{ background: url(../images/search-close-icon.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; text-indent: -9999px; overflow: hidden; float: right; } .top-login-bar input[type="submit"]{ float: right; border: none; background: none; outline: none; padding: 0px; margin: 0 20px; font-size: 16px; color: #0EB3C9; border-bottom: 1px solid #0EB3C9; } .forgetpassbtn{ float: right; margin-right: 20px; font-size: 16px; color: #a4a6a9; line-height: 30px; } .menu-secondary_menu-container{ text-align: center; } #mobilemenu ul{ list-style: none; margin: 0; } #menu-secondary_menu{ display: inline-block; } .header-right-menu ul { list-style: none; margin-top: -29px; } .header-right-menu ul li{ margin-bottom: 0; float: left; padding: 0 5px; position: relative; } .header-right-menu ul li a{ background: url(../images/header-right-link-bg.png) no-repeat; background-size: 376px 32px; display: inline-block; text-indent: -9999px; width: 36px; height: 40px; } .header-right-menu ul li.donet-icon a{ background-position: -150px 0; } .header-right-menu ul li.user-icon a{ background-position: 5px 1px; } .header-right-menu ul li.search-icon a{ background-position: -42px 2px; } .header-right-menu ul li.exit-icon a{ background-position: -88px 0; } .header-right-menu ul li.exit-icon a.responsive_i_icon{ display: none; } .header-right-menu ul li.exit-icon a:hover, .header-right-menu ul li.exit-icon:hover a { background-position: -249px 0px; } .header-right-menu ul li.mob-menu-icon a{ background-position: -210px 0; } .exit_tooltip { position: absolute; display: none; min-width:300px; background: #fff; z-index: 201; right: 0; top: 51px; padding: 20px; -webkit-box-shadow: #ccc 0px 2px 3px; -moz-box-shadow: #ccc 0px 2px 3px; box-shadow: #ccc 0px 2px 3px; } .exit_tooltip p { font-size: 12px; color: #58595B; margin-bottom: 0; } .exit_tooltip h4 { margin-top: 0; font-size: 14px; line-height: 14px; } .exit_tooltip:before { content:""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; right: 20px; top: 0; margin-top: -6px; } .header-right-menu ul li .exit_tooltip p a { color: #5DB399; width: auto; height: auto; text-indent: 0; background: none;} .active-slide-1 .exit_tooltip { top: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .active-slide-1 .exit_tooltip:before { top: auto; bottom: 0; margin-bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; border-bottom: 0; } .header-right-menu ul li.mob-menu-icon{ display: none; } .header-right-menu ul li.mob-menu-icon.mobile-fix{ display: none; } .header-right-menu ul li.donet-icon{ display: none; } .active-slide-1 .header-sec-menu{ margin-top: 78px; } .header-sec-menu{ margin-top: 20px; position: relative; width: 100%; z-index: 120; transition: margin 0.2s ease; } .header-sec-menu ul{ text-align: center; list-style: none; margin: 0; } .header-sec-menu ul li{ margin-bottom: 0; display: inline-block; width: 215px; margin-left: 20px; } .header-sec-menu ul li:first-child{ margin-left: 0; } .header-sec-menu ul li.donate-btn{ width: 140px; } .header-sec-menu ul li li{ margin-left: 0; } .header-sec-menu ul li a{ font-family: 'telefon_boldregular'; line-height: 48px; display: block; border: 5px solid #000000; color: #000000; font-size: 18px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .header-sec-menu ul li li a{ text-transform: none; border: none; font-size: 16px; line-height: normal; padding: 15px 10px; letter-spacing: 0.5px; border-bottom: 1px solid #ffffff; } .header-sec-menu ul li a:hover, .header-sec-menu ul li.donate-btn a{ color: #ffffff; } .header-sec-menu ul li.donate-btn a:hover{ color: #000000; } .header-sec-menu ul li li{ background-color:rgba(133, 26, 201, 0.70); } .header-sec-menu ul li li:hover, .header-sec-menu ul > li:hover > a{ background: #861bca; } .header-sec-menu ul > li:hover > a{ border-color: #ffffff; } .header-sec-menu ul li.donate-btn a:hover{ color: #ffffff; } .header-sec-menu ul li{ background-color:rgba(255, 255, 255, 0.45); } .header-sec-menu ul li:hover, .header-sec-menu ul li.donate-btn{ background-color:rgba(35, 31, 32, 0.85); } .header-sec-menu ul li.donate-btn:hover{ background-color:rgba(255, 255, 255, 0.45); } .active-slide-1 .header-sec-menu ul li:hover, .active-slide-1 .header-sec-menu ul li.donate-btn{ background-color:rgba(35, 31, 32, 0.85); } .active-slide-1 .header-sec-menu ul > li:hover > a{ background: none; } .active-slide-1 .header-sec-menu ul > li:hover > a{ border-color: #000000; } /*.active-slide-1 .header-sec-menu ul li.donate-btn:hover{ background-color:rgba(255, 255, 255, 0.45); }*/ .active-slide-1 .header-sec-menu ul li.donate-btn a:hover{ color: #000000; } .header-sec-menu ul li.donate-btn{ position: relative; height: 58px; } .header-sec-menu ul li.donate-btn a.donate-btn-img{ border: none; display: none; } .header-sec-menu ul li.donate-btn:hover a.donate-btn-img{ background: url(../images/donate-hover-img.png) no-repeat center center; position: absolute; height: 40px; width: 40px; content:""; background-size: cover; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; background-color: none !important; } .header-sec-menu ul li.donate-btn:hover a.donate-btn-img { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both;animation-fill-mode: both; display: none; cursor: pointer; } .header-sec-menu ul li.donate-btn:hover a.donate-btn-img { -webkit-animation-name: donatebtnanim; animation-name: donatebtnanim; display: block; } .header-sec-menu ul li.donate-btn:hover a{ height: 58px; } .header-sec-menu ul li.donate-btn:hover a span{ display: none; } /* ==== CSS3 ANIMATION EFFECT ==== */ @-webkit-keyframes donatebtnanim { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 0.5; transform: scale(1.2); } 40% { opacity: 0.5; transform: scale(1.4); } 60% { opacity: 0.7; transform: scale(1.7); } 80% { opacity: 1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1.6); } } @keyframes donatebtnanim { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 0.5; transform: scale(1.3); } 40% { opacity: 0.5; transform: scale(1.5); } 60% { opacity: 0.7; transform: scale(1.6); } 80% { opacity: 1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1.6); } } @-moz-keyframes donatebtnanim { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 0.5; transform: scale(1.2); } 40% { opacity: 0.5; transform: scale(1.4); } 60% { opacity: 0.7; transform: scale(1.7); } 80% { opacity: 1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1.6); } } @-ms-keyframes donatebtnanim { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 0.5; transform: scale(1.2); } 40% { opacity: 0.5; transform: scale(1.4); } 60% { opacity: 0.7; transform: scale(1.7); } 80% { opacity: 1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1.6); } } @-o-keyframes donatebtnanim { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 0.5; transform: scale(1.2); } 40% { opacity: 0.5; transform: scale(1.4); } 60% { opacity: 0.7; transform: scale(1.7); } 80% { opacity: 1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1.6); } } .sub-pages-menu-bg{ background-color: #861bca;} .home .sub-pages-menu-bg{ display: none !important; } .main-nav ul { list-style: none; margin: 0; } .main-nav ul li{ margin-bottom: 0; position: relative; } .main-nav ul li ul{ width: 200px; padding: 25px 0; position: absolute; left: 0; top: 100%; } .home .main-nav ul li ul{ display: none !important; } .main-nav ul li li{ margin-left: 0; padding-left: 0; border-left: none; height: auto; line-height: normal; width: auto; float: none; margin-bottom: 5px; } .main-nav ul li li a{ font-family: 'telefon_boldregular'; font-size: 16px; text-transform: capitalize; line-height: 22px; padding: 0 10px; } .menu-item-5529 a { text-transform: none !important; } /* ================================================================================================ FOOTER STYLE ================================================================================================ */ /* footer{ background: url(../images/footer-purple-bg.jpg) no-repeat center center; background-size: cover; padding: 35px 0; color: #ffffff; position: relative !important; } */ /* footer:before { position: absolute; content: ""; top: -10px; background: url(../images/footer-purple-bgtop.jpg) no-repeat right top; width: 100%; height: 20px; background-size: cover; background-position: center top; } */ footer{ background-color: #000; background-size: cover; padding: 40px 0; color: #ffffff; position: relative !important; } /* .home footer{ display: none; } */ footer a{ color: #ffffff; } .footer-social-block ul { list-style: none; margin: 0; } .footer-social-block li{ margin-bottom: 0; margin-left: 15px; display: inline-block; } .footer-social-block li:first-child{ margin-left: 0; } .footer-social-block { text-align: center; } .footer-social-block li a{ background: url(../images/footer-social-icon.png) no-repeat; background-size: 145px 35px; height: 51px; width: 24px; display: inline-block; text-indent: -9999px;} .footer-social-block li.twitter a{ background-position: -42px 4px; } .footer-social-block li.facebook a{ background-position: -3px 4px; } .footer-social-block li.linkedin a{ background-position: -79px 4px; } .footer-social-block li.instagram a{ background-position: -115px 4px; } .footer-menu-block h4{ font-family: 'telefonregular'; font-size: 13px; letter-spacing: 1; text-transform: uppercase; margin-bottom: 10px; margin-top: 0; line-height: normal; position: relative; } .footer-menu-block h4:after{ background: url(../images/bottom-arrow-small.png) no-repeat; position: absolute; height: 13px; width: 13px; content: "";top: 19px; right: 5px; display: none; } .footer-menu-block h4.active:after{ -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .footer-menu-block li{ padding-bottom: 9px; line-height: 15px; } .footer-menu-block a{ font-family: 'telefonregular'; font-size: 12px; } .footer-menu-block a:hover{ text-decoration: underline; color: #ffffff; } .contact-foo { border: 1px solid #fff; padding-top: 11px; font-size: 16px; padding-bottom: 11px; padding-left: 22px; padding-right: 22px; border-radius: 3px; } .contact-foo:hover { color: #000; background: #eaeaea; border: 1px solid #eaeaea !important; } /* ================================================================================================ PARALEX SCROLL NAV STYLE ================================================================================================ */ /* html.fsvs { height: 100%; width: 100%; position: fixed; top: 0; left: 0; overflow: hidden; } html.fsvs #fsvs-body { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; } html.fsvs #fsvs-body>* { height: 100%; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } html.fsvs.no-hijack { overflow: auto; position: relative; } html.fsvs.no-hijack #fsvs-body { position: static; transition: none !important; -webkit-transition: none !important; -webkit-transform: none !important; transform: none !important; } */ .fsvs-pagination-wrap{ position: fixed; top: 50%; right: 20px; z-index: 120; margin-top: -70px; width: 20px; } #fsvs-pagination{ list-style: none; margin: 0; right: auto !important; margin-top: 0 !important; } #fsvs-pagination li{ margin-bottom: 0; display: block; padding: 5px 0; float: left; clear: both; } #fsvs-pagination li > span{ display: block; width: 18px; height: 18px; border: 2px solid #0eb3c9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; } #fsvs-pagination li.active > span, #fsvs-pagination li > span:hover{ background: #fafa0e; } .par-scroll-up, .par-scroll-down{ background:url(../images/arrow-nav-bg.png) no-repeat ; width: 18px; height: 18px; display: inline-block; text-indent: -9999px; margin: 5px 0; } .par-scroll-up{ background-position: top right; } .par-scroll-down{ background-position: bottom right; } .par-scroll-up:hover, .par-scroll-down:hover{ opacity: 0.7; } .active-slide-1 #fsvs-pagination li > span{ border: 2px solid #fafa0e; } .active-slide-1 #fsvs-pagination li.active > span, .active-slide-1 #fsvs-pagination li > span:hover{ background: #0eb3c9; } .active-slide-1 .par-scroll-up{ background-position: top left; } .active-slide-1 .par-scroll-down{ background-position: bottom left; } .active-slide-1 .par-scroll-up:hover{ background-position: top right; } .active-slide-1 .par-scroll-down:hover{ background-position: bottom right; } /* ================================================================================================ FEATURED PAGE STYLE ================================================================================================ */ /* ============================= FEATURED COMMAN STYLE ============================= */ .page-title-wrap .container{ width: 1120px; } .container-full .container{ width: 1120px; } .page-title{ margin-bottom: 20px; } h2.headline{ font-size: 42px; color: #000000; margin: 0; text-transform: capitalize; } .page-title p{ margin-top: 20px; } .subline{ font-family: 'telefon_boldregular'; font-size: 25px; letter-spacing: 1px; } .breadcrumbs ul { list-style: none; margin: 0; } .footer-menu-block ul{ list-style: none; margin: 0; } .breadcrumbs ul li, .footer-menu-block ul li{ margin-bottom: 0; } .page-title .headline br,.breadcrumbs ul li a br,.footer-menu-block ul li a br{ display: none; } /* ============================= FEATURED MAIN SLIDER STYLE ============================= */ .featured-slider-outer{ position: relative; overflow: hidden; width: 100%; } .featured-slider-outer .cycle-slideshow{ position: relative; } .featured-slider-outer .cycle-slideshow li{ width: 100%; background-size: cover; background-position: center 60px; background-repeat: no-repeat !important; } .featured-slider-outer .cycle-slideshow li img{ width: 100%; } .featured-slider-overlay { top: 50%; color: #fff; padding: 0;} .featured-slider-overlay:before{ transform: skewY(15deg); -ms-transform: skewY(15deg); -webkit-transform: skewY(15deg); transform: skewY(15deg); background-color: rgba(0, 0, 0, 0.5); content: ""; top: 120px; bottom: 207px; left: 0; position: absolute; width: 52%; padding:0; } .featured-slider-caption{ position: absolute; width: 100%; left: 0; right: 0; top: 350px; z-index: 110; } .featured-slider-caption-text{ color: #ffffff; padding-right: 20px; } .featured-slider-caption-text p{ font-size: 32px; line-height: 36px; letter-spacing: 1px; } .featured-slider-caption-text span{ font-family: 'Lato', sans-serif; font-size: 14px; text-transform: uppercase; } .featured-slider-outer .cycle-next, .featured-slider-outer .cycle-prev{ position: absolute; top: 50%; margin-top: -20px; z-index: 120; } .featured-slider-outer .cycle-prev{ left: 0; display: none; } .featured-slider-outer .cycle-next{ right: 0; } .featured-slider-outer .cycle-pager{ position: absolute; bottom: 85px; width: 100%; text-align: center; z-index: 120; } .featured-slider-outer .cycle-pager span{ display: inline-block; width: 18px; height: 18px; border: 2px solid #fafa0e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -9999px; margin: 0 5px; cursor: pointer; } .featured-slider-outer .cycle-pager span:hover, .featured-slider-outer .cycle-pager span.cycle-pager-active{ background: #0eb3c9; } /* ============================= FEATURED BOTTOM NAV STYLE ============================= */ .bottom-nav-container{ margin-bottom: 60px; } .bottom-nav-wrap{ background: #52107C; margin-top: -75px; position: relative; margin-top: -75px; z-index: 120; min-height: 75px; } .bottom-sub-nav{ position: relative; } .bottom-sub-nav ul{ list-style: none; margin: 0; } .bottom-sub-nav ul li{ line-height: 21px; margin-bottom: 0; } .bottom-sub-nav-inner{ padding: 0 10px; } .bottom-sub-nav ul li a{ border-top: 8px solid #52107C; display: block; color: #ffffff; font-family: 'telefon_boldregular'; font-size: 16px; padding-top: 10px; min-height: 70px; padding-bottom: 5px; } .bottom-sub-nav ul li a:hover, .bottom-sub-nav ul li a.active, .bottom-sub-nav ul li li.current-menu-item a{ border-color: #751ab0; } .bottom-nav-wrap .owl-prev, .bottom-nav-wrap .owl-next{ background: url(../images/bottom-menu-nav-bg.png) no-repeat center center !important; height: 15px; width: 15px; text-indent: -9999px; position: absolute; top: 5px; } .bottom-nav-wrap .owl-prev{ background-position: left center !important; left: -5px; } .bottom-nav-wrap .owl-next{ background-position: right center !important; right: -5px; } .bottom-nav-wrap .owl-next, .bottom-nav-wrap .owl-prev:hover{ opacity: 0.8; } /* ================ FEATURED BOTTOM NAV OWL STYLE ================ */ .bottom-sub-nav ul{ list-style: none; margin: 0; } .bottom-sub-nav ul li{ margin-bottom: 0; } .bottom-sub-nav > ul li{ display: none; } .bottom-sub-nav > ul li.current-menu-item { display: block; } .bottom-sub-nav > ul li.current-menu-item li{ display: block; padding: 0 10px } .bottom-sub-nav > ul li.current-menu-item a{ display: none; } .bottom-sub-nav > ul li.current-menu-item li a{ display: block; } .bottom-sub-nav > ul li{ display: none; } .bottom-sub-nav > ul li.current-menu-parent { display: block; } .bottom-sub-nav > ul li.current-menu-parent li{ display: block; padding: 0 10px; } .bottom-sub-nav > ul li.current-menu-parent a{ display: none; } .bottom-sub-nav > ul li.current-menu-parent li a{ display: block; } /* ============================= FEATURED TIMELINE BLOCK STYLE ============================= */ .featured-timeline-year{ margin-bottom: 30px; } .timeline-nav { list-style: none; margin: 0; } .timeline-nav li{ margin-bottom: 0; float: left; background: #53117d; cursor: pointer; } .timeline-nav li:hover{ opacity: 0.95; } .timeline-nav li span{ display: block; color: #ffffff; font-family: 'telefonregular'; font-size: 12px; padding: 6px 15px; line-height: normal; } .timeline-nav li.color-Blue{ background: #0056dc; } .timeline-nav li.color-Purple{ background: #53117d; } .timeline-nav li.color-Orange{ background: #c74c17; } .timeline-nav li.color-Green{ background: #336a04; } .timeline-nav li.active-time{ position: relative; } .timeline-nav li.active-time:after{ position: absolute; content: ""; background: url(../images/time-line-pointer.png) no-repeat center center;width: 26px; height: 31px; left: 50%; margin-left: -15px; top: -20px; } .featured-timeline-slider{ position: relative; padding-bottom: 30px; border-bottom: 2px dotted #808080; margin-bottom: 60px; } .featured-timeline-slider .owl-wrapper-outer{ z-index: 25; } .timeline-slider-title{ margin-bottom: 10px; padding: 0 10px; } .timeline-slider-title h3{ margin-top: 0; margin-bottom: 5px; font-size: 24px; color: #53117d; font-family: 'telefon_boldregular'; } .timeline-slider-title span{ font-family: 'telefonregular'; font-size: 16px; color: #53117d; } .timeline-slider-img{ height: 100px; line-height: 90px; overflow: hidden; text-align: center; border-top: 3px solid #53117d; } .timeline-slider-img img{ width: 100%; vertical-align: top; } .timeline-slider-disc{ margin-top: 20px; padding: 0 10px; white-space: normal; } .timeline-slider-disc h4{ font-size: 16px; margin: 0 0 10px 0; font-family: 'telefon_boldregular'; } .timeline-slider-disc h4 a{ color: #53117d; } .timeline-slider-disc p{ font-size: 14px; } .timeline-tooltip-block ul{ position: relative; padding-bottom: 30px; list-style: none; margin: 0; } .timeline-tooltip-block li{ margin-bottom: 0; display: inline-block; width: 55px; height: 55px; margin-left: 10px; padding: 5px; cursor: pointer; position: relative; z-index: 20; } .timeline-tooltip-block li:first-child{ margin-left: 0; } .timeline-tooltip-block li:before{ background: url(../images/timeline-tooltip-before-green.png); width: 28px; height: 14px; position: absolute; content: ""; bottom: -16px; left: 15px; z-index: 15; display: none; } .timeline-tooltip-block li:hover:before{ display: block; } .timeline-tooltip-img{ width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .timeline-tooltip-img img{ max-width: none; height: 100%; } .timeline-tooltip-block li p{ background: #ffffff; position: absolute; padding: 12px; border: 1px solid #336a04; left: 10px; bottom: 65px; width: 300px; font-size: 14px; margin: 0; display: none; } .timeline-tooltip-block li p strong{ font-family: 'telefon_boldregular'; font-size: 16px; font-weight: normal; color: #53117d; } .tooltipText{ bottom: auto !important; z-index: 10; } .tooltipText { background: #ffffff none repeat scroll 0 0; border: 1px solid #53117d; bottom: 65px; display: none; font-size: 14px; left: 10px; margin: 0; padding: 12px; position: absolute; width: 300px; height: auto; } .tooltipText {color: #58595b } .tooltipText strong{color: #53117d } .featured-timeline-slider .color-Purple .timeline-slider-img{ border-color: #53117d; } .featured-timeline-slider .color-Purple .timeline-slider-title h3, .featured-timeline-slider .color-Purple .timeline-slider-title h3 a, .featured-timeline-slider .color-Purple .timeline-slider-title span, .featured-timeline-slider .color-Purple .timeline-slider-disc h4 a, .featured-timeline-slider .color-Purple .timeline-tooltip-block li p strong{ color: #53117d; } .featured-timeline-slider .color-Purple .timeline-tooltip-block li p { border-color: #53117d; } .featured-timeline-slider .color-Purple .timeline-tooltip-block li:before{ background: url(../images/timeline-tooltip-before-purple.png); } .tooltipText.color-Purple{ border-color: #53117d; } .tooltipText.color-Purple strong{color: #53117d; } .featured-timeline-slider .color-Blue .timeline-slider-img{ border-color: #0056dc; } .featured-timeline-slider .color-Blue .timeline-slider-title h3, .featured-timeline-slider .color-Blue .timeline-slider-title h3 a, .featured-timeline-slider .color-Blue .timeline-slider-title span, .featured-timeline-slider .color-Blue .timeline-slider-disc h4 a, .featured-timeline-slider .color-Blue .timeline-tooltip-block li p strong{ color: #0056dc; } .featured-timeline-slider .color-Blue .timeline-tooltip-block li p { border-color: #0056dc; } .featured-timeline-slider .color-Blue .timeline-tooltip-block li:before{ background: url(../images/timeline-tooltip-before-blue.png); } .tooltipText.color-Blue{ border-color: #0056dc; } .tooltipText.color-Blue strong{color: #0056dc; } .featured-timeline-slider .color-Orange .timeline-slider-img{ border-color: #c74c17; } .featured-timeline-slider .color-Orange .timeline-slider-title h3, .featured-timeline-slider .color-Orange .timeline-slider-title h3 a, .featured-timeline-slider .color-Orange .timeline-slider-title span, .featured-timeline-slider .color-Orange .timeline-slider-disc h4 a, .featured-timeline-slider .color-Orange .timeline-tooltip-block li p strong{ color: #c74c17; } .featured-timeline-slider .color-Orange .timeline-tooltip-block li p { border-color: #c74c17; } .featured-timeline-slider .color-Orange .timeline-tooltip-block li:before{ background: url(../images/timeline-tooltip-before-orange.png); } .tooltipText.color-Orange{ border-color: #c74c17; } .tooltipText.color-Orange strong{color: #c74c17; } .featured-timeline-slider .color-Green .timeline-slider-img{ border-color: #336a04; } .featured-timeline-slider .color-Green .timeline-slider-title h3, .featured-timeline-slider .color-Green .timeline-slider-title h3 a, .featured-timeline-slider .color-Green .timeline-slider-title span, .featured-timeline-slider .color-Green .timeline-slider-disc h4 a, .featured-timeline-slider .color-Green .timeline-tooltip-block li p strong{ color: #336a04; } .featured-timeline-slider .color-Green .timeline-tooltip-block li p { border-color: #336a04; } .featured-timeline-slider .color-Green .timeline-tooltip-block li:before{ background: url(../images/timeline-tooltip-before-green.png); } .tooltipText.color-Green{ border-color: #336a04; } .tooltipText.color-Green strong{color: #336a04; } /* .featured-timeline-slider .owl-controls{ display: none !important; } */ .featured-timeline-slider .owl-prev, .featured-timeline-slider .owl-next{ position: absolute; top: 100px; background-color: #929497 !important; } .featured-timeline-slider .owl-prev:hover, .featured-timeline-slider .owl-next:hover{ background-color: #e15e26 !important; } .featured-timeline-slider .owl-prev{ left: -70px; background-position: left top; } .featured-timeline-slider .owl-next{ right: -70px; background-position: right top; } /* ============================= FEATURED PROGRAM LIST STYLE ============================= */ .featured-pro-list{ margin-bottom: 10px; } .featured-pro-list-inner{ position: relative; border-top: 5px solid #52107C; } .button .featured-pro-list-inner{ border-top: none; } .featured-pro-list-img img{ width: 100%; } .list-col-half .featured-pro-list-img{ height: 300px; line-height: normal; overflow: hidden; } .list-col-two .featured-pro-list-img{ height: 220px; line-height: normal; overflow: hidden; } .featured-pro-list-name{ position: absolute; background: #52107C; color: #ffffff; font-family: 'telefonregular'; letter-spacing: 1px; font-size: 14px; padding: 5px 10px; top: -5px; left: 0; z-index: 10; } .featured-round-content{ text-align: center; text-transform: uppercase; } .featured-round-content a{ background-image: url(../images/purple-round-img.png); background-repeat: no-repeat; background-position: center center;color: #ffffff; font-family: 'telefonregular'; font-size: 12px; display: inline-block; padding-top: 65px; height: 183px; width: 183px; margin-top: 20px; } .featured-round-content.purple a{ background-image: url(../images/purple-round-img.png); } .featured-round-content.orange a{ background-image: url(../images/orange-round-img.png); } .featured-round-content.blue a{ background-image: url(../images/blue-round-img.png); } .featured-round-content.grey a{ background-image: url(../images/grey-round-img.png); } .featured-round-content.green a{ background-image: url(../images/green-round-img.png); } .featured-round-content a p{ font-family: 'telefon_boldregular'; font-size: 27px; line-height: 22px; } .featured-pro-list-desc{ padding: 5px 20px 0 20px; } .featured-pro-diff-col .featured-pro-list-desc{ padding: 2px 10px 0 10px; } .no-media .featured-pro-list-desc{ padding-top: 35px; } .featured-pro-list-desc .date{ font-family: 'telefonregular'; color: #808184; font-size: 12px; } .featured-pro-list-desc h4{ margin-top: 5px; margin-bottom: 7px; } .featured-pro-list-desc h4 a{ color: #000000; } .featured-pro-list-desc h4 a:hover{ color: #58595b; } .featured-pro-list-desc p{ font-family: 'Lato', sans-serif; color: #58595b; font-size: 14px; line-height: 20px; } .featured-pro-list-tag{ font-family: 'telefonregular'; color: #808184; font-size: 12px; text-transform: uppercase; } .featured-pro-list.purple-block .featured-pro-list-name{ background: #52107C; } .featured-pro-list.blue-block .featured-pro-list-name{ background: #0056dc; } .featured-pro-list.orange-block .featured-pro-list-name{ background: #c74c17; } .featured-pro-list.green-block .featured-pro-list-name{ background: #326b01; } .featured-pro-list.dr-blue-block .featured-pro-list-name{ background: #052f7c; } .featured-pro-list.purple-light-block .featured-pro-list-name{ background: #861bca; } .featured-pro-list.purple-block .featured-pro-list-inner{ border-color: #52107C; } .featured-pro-list.blue-block .featured-pro-list-inner{ border-color: #0056dc; } .featured-pro-list.orange-block .featured-pro-list-inner{ border-color: #c74c17; } .featured-pro-list.green-block .featured-pro-list-inner{ border-color: #326b01; } .featured-pro-list.dr-blue-block .featured-pro-list-inner{ border-color: #052f7c; } .featured-pro-list.purple-light-block .featured-pro-list-inner{ border-color: #861bca; } .featured-pro-list.purple-block .featured-pro-list-tag{ color: #52107C; } .featured-pro-list.blue-block .featured-pro-list-tag{ color: #0056dc; } .featured-pro-list.orange-block .featured-pro-list-tag{ color: #c74c17; } .featured-pro-list.green-block .featured-pro-list-tag{ color: #326b01; } .featured-pro-list.dr-blue-block .featured-pro-list-tag{ color: #052f7c; } .featured-pro-list.purple-light-block .featured-pro-list-tag{ color: #861bca; } .featured-pro-diff-col .featured-pro-list.list-col-half{ min-height: 420px; } .featured-pro-diff-col .featured-pro-list.list-col-two{ min-height: 220px; } .featured-pro-diff-col .featured-pro-list.list-col-one{ min-height: 200px; } .get-involved-list-block .featured-pro-list .featured-pro-list-tag{ color: #808184 !important; } .featured-pro-list.list-col-two .featured-pro-list-img, .featured-pro-list.list-col-two .featured-pro-list-desc{ width: 50%; float: left; box-sizing: padding-box; } .featured-pro-list.list-col-two .featured-pro-list-desc{ padding-right: 20px; padding-left: 20px; } .featured-pro-list.list-col-one .featured-pro-list-desc{ padding: 30px 10px 0 10px; } .featured-pro-list.list-col-one .featured-pro-list-name{ top: -5px; } .alm-btn-wrap{ margin-top: 80px; padding: 20px 0 0 0; position: relative; } .load-more-block{ text-align: center; margin-top: 80px; } .load-more-inner{ display: inline-block; } .load-more-inner span{ display: block; font-family: 'telefonregular'; color: #808285; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; } .load-more-btn{ background:#53117d url(../images/bottom-arrow-bg.png) no-repeat center center; background-color: #52107C; display: inline-block; width: 40px !important; height: 40px; text-indent: -9999px; position: relative; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: 0 !important; } .load-more-btn:hover{ background-color: #751ab0; } .alm-btn-wrap .load-more-btn{ background:#53117d url(../images/bottom-arrow-bg.png) no-repeat center center !important; background-color: #52107C; display: inline-block; width: 40px !important; height: 40px !important; text-indent: -9999px; position: relative; } .shop-load-btn .load-more-btn{ background-image:url(../images/bottom-arrow-bg.png) !important; } .alm-btn-wrap .load-more-btn:after{ position: absolute; height: 11px; width: 66px; top: -20px; left: 50%; margin-left: -33px; content: ""; background: url(../images/load-more-text-bg.png) no-repeat center center; } .alm-btn-wrap .load-more-btn:hover{ background-color: #751ab0 !important; } button.alm-load-more-btn.loading:before{ display: none; } button.alm-load-more-btn.loading{ padding: 0 !important; } .loading-data { background: url(../images/loading-purple.gif) no-repeat center center; min-height: 100px; } .get-involved-page .loading-data { background: url(../images/loading-green.gif) no-repeat center center; min-height: 100px; } .programs-page .loading-data { background: url(../images/loading-blue.gif) no-repeat center center; min-height: 100px; } .artcommunity-page .loading-data { background: url(../images/loading-orange.gif) no-repeat center center; min-height: 100px; } .view-more-btn{ background: url(../images/right-arrow-bg.png) no-repeat center center; background-color: #52107C; display: inline-block; width: 40px; height: 40px; text-indent: -9999px; } .view-more-btn:hover{ background-color: #751ab0; } .pagesnumber{ display: none; } /* ============================= FILTER OPTION STYLE ============================= */ .program-filter-block{ position: relative; } .program-filter-block .filter-list-block{ width: 60%; } .filter-list-block{ position: relative; padding-bottom: 10px; } .filter-list-title{ background: url(../images/select-uniform-bg.png) no-repeat center right; padding-right: 30px; font-size: 12px; cursor: pointer; } .filter-list-option{ background: #ffffff; z-index: 15; padding: 15px 20px 10px 10px; border: 1px solid #e6e7e8; display: inline-block; position: absolute; top: 99%; right: 0; display: none; width: 110px; } .filter-list-option:after{ background: url(../images/filter-up-arrow.png) no-repeat center center; content: ""; width: 18px; height: 8px; top: -8px; left: 50%; margin-left: -9px; position: absolute; } .filter-list-option ul { list-style: none; margin: 0; } .filter-list-option ul li{ margin-bottom: 0; } .filter-list-block .filter-list-option ul{ margin-top: 0; padding-left: 0; } .filter-list-block .filter-list-option li{ margin-top: 0; } .filter-list-block .filter-list-option li label{ display: inline-block; height: auto; line-height: 15px; margin-left: 7px; margin-top: 3px; width: auto; font-family: 'telefonregular'; font-weight: normal; font-size: 12px; float: none; vertical-align: top; } .prog-sort-option .filter-list-block .filter-list-option li label{ margin-top: 1px; } .prog-sort-option .filter-list-block{ padding-bottom: 15px; } .program-filter-wrap{ padding: 10px 0; border-bottom: 1px solid #cccccc; } .program-filter-block ul{ list-style: none; margin: 0; } .program-filter-block ul li{ margin-bottom: 0; font-family: 'telefonregular'; } .program-filter-block ul li div.checker{ display: inline-block; float: left; margin-top: 3px; margin-right: 7px; } .program-filter-block ul li label{ font-weight: normal; display: inline-block; line-height: 14px; font-size: 12px; width: 115px; } .program-filter-block ul li ul{ margin-top: 10px; padding-left: 3px; } .program-filter-block ul li ul li{ margin-top: 3px; } .program-filter-block ul li ul li label{ line-height: 15px; display: table-cell; height: 45px; vertical-align: middle; } .program-filter-block ul li ul li.filter-option-disable label{ color: #939598; } .program-filter-block ul li ul li div.checker{ margin-top: 0; } .show-more-fil-link a{ font-size: 12px; color: #000000; border-bottom: 1px solid #747474; } .stories-showmore-filter{ position: relative; } .filter-close-btn{ width: 15px; height: 15px; background: url(../images/filter-close-icon.png) no-repeat center center; text-indent: -9999px; overflow: hidden; display: inline-block; right: 5px; top: 5px; position: absolute; } .show-more-fil-link.mobile{ text-align: right; } .show-more-fil-link.mobile .filter-option-inner{ border: none; } .show-more-fil-link.mobile a{ margin-right: 25px; border-bottom: none; } .show-more-fil-link.mobile .filter-option-inner{ padding-bottom: 0; } /* ============================= FEATURED PAGE COMMAN STYLE STYLE ============================= */ .feature-page-link{ margin-bottom: 15px; } .feature-page-link a{ line-height: 30px; padding: 0 8px; min-width: 160px;} .feature-prog-title-block{ margin-bottom: 10px; } .feature-prog-title-block .page-title{ margin-bottom: 0; } /* ============================= PAGE NAV. STYLE ============================= */ .page-nav-block .page-prev, .page-nav-block .page-next{ position: absolute; top: 50%; margin-top: -20px; z-index: 15; text-indent: 0; } .page-nav-block .page-prev{ left: 0px; } .page-nav-block .page-prev span{ display: inline-block; position: relative; right: -41px; line-height: 40px; font-size: 12px; color: #fff; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); text-transform: uppercase;} .page-nav-block .page-next{ right: 0px; } .page-nav-block .page-next span{ display: inline-block; position: relative; left: -30px; line-height: 40px; font-size: 12px; color: #fff; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); text-transform: uppercase;} /* ============================= BREADCRUMBS STYLE ============================= */ .breadcrumbs, .woocommerce-breadcrumb{ margin-top: 10px; text-align: right;} .woocommerce-breadcrumb{ margin-bottom: 0 !important; } .breadcrumbs li{ display: inline-block; margin-left: 7px; padding-left: 14px; position: relative; } .breadcrumbs li:first-child { margin-left: 0; padding-left: 0; } .woocommerce-breadcrumb a{ position: relative; margin:0 7px; padding-right: 14px; } .breadcrumbs li:before{ position: absolute; content: ">"; color: #52107C; top: -1px; left: 0; font-family: 'telefon_boldregular'; } .woocommerce-breadcrumb a:before{ position: absolute; content: ">"; color: #52107C; top: -1px; right: 0; font-family: 'telefon_boldregular'; } .breadcrumbs li:first-child:before { display: none; } .breadcrumbs li a, .breadcrumbs li span, .woocommerce-breadcrumb ,.woocommerce-breadcrumb a{ font-family: 'telefon_boldregular'; font-size: 14px; color: #52107C; } .breadcrumbs li a:hover, .woocommerce-breadcrumb a:hover{ color: #000; } /* ============================= FEATURED PROG STYLE ============================= */ .feature-prog-wrap{ position: relative; } .feature-prog-top-block{ padding-bottom: 75px; margin-bottom: 75px; border-bottom: 2px dotted #808080; } .feature-prog-bottom-block{ margin-bottom: 80px; } .feature-inner-padding{ padding: 0 80px; position: relative; } .feature-prog-title{ text-align: center; margin-bottom: 40px; margin-top: 40px; } .feature-prog-title h2{ font-family: 'Lato', sans-serif; font-size: 42px; margin-top: 0; margin-bottom: 5px; } .feature-prog-title span{ font-family: 'telefonregular'; color: #808285; font-size: 12px; } .feature-prog-img{ margin-bottom: 55px; position: relative; height: 465px; line-height: 465px; text-align: center; } .container-full .feature-prog-img{ height: 600px; line-height: 600px; } .feature-prog-img-upper-wrap{ position: relative; } .feature-prog-img{ overflow: hidden; } .feature-prog-img img{ /*width: 100%;*/ vertical-align: middle; max-width: 100%; height: auto; } .feature-prog-detail{ margin-bottom: 40px; position: relative; } .feature-prog-detail .side-social-bar{ position: absolute; left: -80px; top: 50px; } .feature-prog-detail h3{ margin-top: 0; } .feature-inner-padding .image-desc { min-height: 200px; } .side-social-bar.social-icon{ position: absolute; top: 70px; left: 0px; } .page-template-tpl_about_us .side-social-bar.social-icon, .page-template-tpl_common_tpl_with_sidebar .side-social-bar.social-icon, .page-template-tpl_programs .side-social-bar.social-icon { left: -80px; } .side-social-bar { list-style: none; margin: 0; } .side-social-bar li{ margin-top: 20px; margin-bottom: 0; } .side-social-bar li:first-child{ margin-top: 0; } .social-icon ul{ list-style: none; margin: 0; } .social-icon ul li{ margin-bottom: 0; } .social-icon li a{ display: inline-block; height: 30px; width: 30px; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000000 url(../images/side-social-icon-bg.png) no-repeat; } .social-icon li a:hover{ background-color: #52107C; } .social-icon li.facebook a{ background-position: 0 0; } .social-icon li.twiter a{ background-position: 0 -40px; } .social-icon li.print a{ background-position: 0 -80px; } .feature-prog-btn{ text-align: center; } .feature-prog-btn .btn-border{ font-size: 18px; padding: 5px 10px; margin-left: 20px; min-width: 235px; } .feature-prog-btn.two-btn .btn-border{ min-width: 300px; } .feature-prog-btn .btn-border:first-child{ margin-left: 0; } .feature-prog-testi-img h4{ display: none; } .feature-prog-testi-detail h3{ margin-top: 0; } /* ============================= SLIDER FOUR COL STYLE ============================= */ .bottom-showhide-blocks > div { padding-top: 40px; margin-bottom: 40px; position: relative; } .bottom-showhide-blocks > div:before { border-top: 2px dotted #000000; position: absolute; content: ""; display: block; top: 0; left: 10px; right: 10px; } .bottom-showhide-blocks > div:first-child:before { padding-top: 0; border: none; } .bottom-showhide-blocks > div:first-child { padding-top: 0; } .slider-four-col-wrap { position: relative; margin-left: -10px; margin-right: -10px; } .slider-four-col-wrap.border-none{ border-bottom: none; padding-bottom: 0; } .slider-four-col-title{ border-top: 4px solid #52107C; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .slider-four-col-title h5{ font-family: 'telefon_boldregular'; margin: 0; color: #ffffff; background-color: #52107C; padding: 5px 20px 8px 20px; display: inline-block; min-width: 220px;text-align: center; } .slider-four-col-item-inner{ padding: 0 10px; } .slider-four-col-img{ position: relative; margin-bottom: 20px; text-align: center; height: 180px; line-height: 180px; overflow: hidden; } .slider-four-col-img-icon{ background: url(../images/play-icon-bg.png) no-repeat center center ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } /* .slider-four-col-img:hover .slider-four-col-img-icon{ display: inline-block; } */ .slider-four-col-img img{ width: 100%; vertical-align: middle; } .slider-four-col-detail h4{ font-family: 'Lato', sans-serif; font-size: 14px; margin-top: 5px; line-height: normal; margin-bottom: 5px; text-transform: capitalize; } .slider-four-col-detail span{ font-size: 10px; color: #808285; display: block; } .slider-four-col-detail p{ font-size: 12px; color: #58595b; line-height: 18px;} .slider-four-col-outer .owl-prev, .slider-four-col-outer .owl-next{ position: absolute; top: -45px; } .slider-four-col-outer .owl-prev{ right: 55px; } .slider-four-col-outer .owl-next{ right: 10px; } .slider-full-col-view-btn{ display: none; text-align: center; padding-top: 20px; } .slider-full-col-view-btn .btn-border{ min-width: 300px; font-size: 18px; padding: 9px; } .impact-result-wrap + .slider-four-col-wrap { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px dotted #000000; } .slier-four-col-desktop-hide{ margin-top: 40px; display: none; } .featured-relwork-prog-wrap .slider-four-col-outer .owl-prev { right: 65px; } .featured-relwork-prog-wrap .slider-four-col-outer .owl-next { right: 20px } /* ============================= SLIDER TWO COL STYLE ============================= */ .bottom-showhide-blocks > div.slider-two-col-wrap:before { left: 0; right: 0; } .slider-two-col-wrap{ position: relative; /*margin-left: -10px; margin-right: -10px;*/ } .slider-two-col-wrap.border-none{ border-bottom: none; } .slider-two-col-left-block p{ font-size: 14px; color: #58595b; margin-bottom: 30px; } .slider-two-col-left-block .btn-border{ display: block; font-size: 18px; padding: 5px 10px; } .slider-two-col-left-block .btn-border:hover{ color: #52107C; border-color: #52107C; } .slider-two-col-slider-inner{ padding: 0 10px; } .slider-two-col-gallery-img{ margin-bottom: 20px; height: 235px; line-height: 235px; overflow: hidden; } .slider-two-col-gallery-img img{ width: 100%; vertical-align: middle; } .slider-two-col-gallery-detail h4{ margin-top: 0; text-transform: capitalize; } .slider-two-col-gallery-detail h4 a{ color: #000000; } .slider-two-col-gallery-detail h4 a:hover{ color: #58595b; } .slider-two-col-gallery-detail p{ color: #58595b; font-size: 14px; } .slider-two-col-wrap .owl-prev, .slider-two-col-wrap .owl-next{ position: absolute; top: 140px; } .slider-two-col-wrap .owl-prev{ right: 55px; display: none; } .slider-two-col-wrap .owl-next{ right: -45px; } .slider-two-col-view-btn{ display: none; text-align: center; padding-top: 20px; } .slider-two-col-view-btn .btn-border{ min-width: 300px; font-size: 18px; padding: 9px; } /* ============================= SLIDER FULL WIDTH STYLE ============================= */ .slider-full-col-wrap{ position: relative; overflow: hidden; } .slider-full-col-wrap-inner{ padding-bottom: 40px; border-bottom: 2px dotted #000000; margin-bottom: 50px; min-height: 430px; } .slider-full-col-wrap-inner.border-none{ border-bottom: none; } .slider-full-col-left-block h4{ font-size: 28px; line-height: 32px; margin-bottom: 22px; margin-top: 15px; } .slider-full-col-left-block p{ font-size: 18px; color: #000000; margin-bottom: 30px; } .slider-full-col-left-block .btn-border{ display: block; font-size: 18px; padding: 5px 10px; } .slider-full-col-left-block .btn-border:hover{ color: #52107C; border-color: #52107C; } .slider-full-col-slider-inner{ padding: 0 10px; } .slider-full-col-gallery-img{ margin-bottom: 20px; height: 290px; line-height: 290px; overflow: hidden; } .slider-full-col-gallery-img img{ width: 100%; vertical-align: middle; } .slider-full-col-gallery-detail h4{ margin-top: 0; text-transform: capitalize; margin-bottom: 10px; } .slider-full-col-gallery-detail h4 a{ color: #000000; } .slider-full-col-gallery-detail h4 a:hover{ color: #58595b; } .slider-full-col-gallery-detail p{ color: #000000; font-size: 14px; } .slider-full-col-wrap .owl-prev, .slider-full-col-wrap .owl-next{ position: absolute; top: 100px; } .slider-full-col-wrap .owl-prev{ left: -40px; } .slider-full-col-wrap .owl-next{ right: 20px; } .slider-full-col-slider-outer{ position: absolute; left: 42%; top: 0; right: 0; } .slider-full-col-duplicate{ display: none; } .slider-full-col-duplicate .owl-pager-block{ display: none; } /* ============================= SPONSORS STYLE ============================= */ .sponsors-title h4{ font-size: 23px; margin-top: 0; } .sponsors-list ul, ul.sponsors-list{ list-style: none; margin: 0; } .sponsors-list li{ float: left; margin-right: 20px; height: 60px; margin-bottom: 10px; } .sponsors-list li:first-child{ margin-left: 0px; } .sponsors-list li img{ max-height: 100%; } /* ============================= FEATURED PROG DETAIL INTERNAL STYLE ============================= */ .feature-item-detail-wrap{ position: relative; } .feature-item-detail-img-slider{ margin-bottom: 60px; position: relative; } .feature-item-detail-img-slider #slideshow-1 .cycle-slideshow{ margin-bottom: 20px; height: 560px; overflow: hidden; } /* .feature-item-detail-img-slider .cycle-pager-block .fea-item-cycle-prev{ display: none; } .feature-item-detail-img-slider .cycle-pager-block .fea-item-cycle-next{ margin-top: 10px; } */ .fea-item-cycle-pager{ margin-right: 10px; display: inline-block; vertical-align: middle; width: 410px !important; overflow: auto !important; } .fea-item-cycle-pager-inner{ width: 100%; position: relative; } .fea-item-cycle-pager ul { list-style: none; margin: 0; } .fea-item-cycle-pager ul{ margin-bottom: 0; } .fea-item-cycle-pager li{ position: relative; display: inline-block; text-align: center; } .fea-item-cycle-pager a{ margin: 0 5px; max-width: 100px; height: 60px; display: inline-block; height: 60px; overflow: hidden; } .fea-item-cycle-pager a img{ max-width: 100%; } /* .fea-item-cycle-pager li:first-child a{ margin-left: 0; } */ .feature-item-detail-img-slider .cycle-pager-block{ text-align: center; width: 55%; margin: 0 auto; margin-left: 210px; } .feature-item-detail-img-slider .cycle-pager-block .cycle-prev, .feature-item-detail-img-slider .cycle-pager-block .cycle-next{ vertical-align: middle; } .prog-zoom-mail-block{ margin-top: 10px; } .prog-zoom-mail-block ul { list-style: none; margin: 0; } .prog-zoom-mail-block ul li{ display: inline-block; margin: 0 5px; } .prog-zoom-mail-block ul li a{ background: url(../images/prog-zoom-mail-icon.png) no-repeat ; width: 25px; height: 25px; display: inline-block; text-indent: -9999px; vertical-align: middle; } .prog-zoom-mail-block ul li.zoomplus a{ background-position: 0 0; } .prog-zoom-mail-block ul li.zoomminus a{ background-position: -35px 0px; } .prog-zoom-mail-block ul li.imgmail a{ background-position: -70px 0; } .prog-zoom-mail-block ul li.zoomplus a:hover{ background-position: 0 -35px; } .prog-zoom-mail-block ul li.zoomminus a:hover{ background-position: -35px -35px; } .prog-zoom-mail-block ul li.imgmail a:hover{ background-position: -70px -35px; } .single-exhibition-gallery .page-nav-block a{ z-index: 110; } .feature-item-detail{ position: relative;} .feature-item-title-tag{ font-family: 'telefonregular'; color: #808285; font-size: 12px; margin-bottom: 5px; } .feature-item-detail h3{ margin-top: 10px; } blockquote, blockquote p{ font-size: 32px; color: #58595b; font-family: 'Lato', sans-serif; line-height: 36px; } blockquote{ padding: 45px 65px; position: relative; } blockquote:before{ transform: skewY(-15deg); -ms-transform: skewY(-15deg); -webkit-transform: skewY(-15deg); transform: skewY(-15deg); background-color: rgba(134, 27, 202, 0.1); content: ""; top: -60px; bottom: -60px; left: 30px; right: 0; position: absolute; padding:0; } blockquote span{ font-size: 14px; color: #58595b; font-family: 'telefonregular'; display: block; text-transform: uppercase; line-height: normal;margin-top: 5px; } .language-list ul{ list-style: none; margin: 0; } .language-list li{ margin-bottom: 0; display: inline-block; border-left: 1px solid #808285; padding: 0 8px; line-height: 13px; } .language-list li:first-child{ border-left: none; padding-left: 0; } .language-list li a{ color: #808285; font-size: 12px; padding-bottom: 2px; border-bottom: 1px solid #adafb0; font-family: 'telefonregular'; } .language-list li a:hover, .language-list li a.active{ color: #000000; } /* ================================================================================================ IMPACT PAGE STYLE ================================================================================================ */ .impact-result-wrap{ margin-bottom: 40px; margin-top: 10px; } .impact-result-list div:nth-child(even) .impact-result-item, .impact-result-item.impact-view-more{ background-color: #f3e8fa; } .impact-result-list div:nth-child(3n+1){ clear: both; } .impact-result-item.impact-view-more{ min-height: 10px; } .impact-result-item{ padding: 0 10px 15px 10px; margin-bottom: 20px; } .impact-result-item-inner{ border-top: 4px solid #861bca; position: relative; padding-top: 10px; } .impact-result-item-inner:before{ position: absolute; content: ""; height: 6px; width: 60px; top: 0; left: 0; background-color: #861bca; } .impact-result-item p{ color: #58595b; font-size: 14px; line-height: 54px; } .impact-result-item-inner .l-more{ position: absolute; top: 5px; right: 0; font-size: 9px; color: #58595b; } .impact-result-number{ height: 140px; } .impact-result-number.image-masking{ height: 140px; } .impact-result-number.image-masking svg{ margin-top: 20px; } .impact-result-number,.impact-result-number text{ font-family: 'Lato', sans-serif; font-size: 120px; } .impact-result-number text{ margin-top: 10px; height: 140px; } .impact-result-view-more{ text-align: center; padding: 65px 0; } .impact-result-view-more span{ display: block; } .impact-result-view-more span.view-more-btn{ display: inline-block; margin-top: 10px; } svg { width: 100%; height: 100%; } text { fill: url(../impact.html#result-number); } .prog-list-two-col div.col-lg-6:nth-child(odd){ clear: both; } .prog-list-two-col-inner{ margin-bottom: 40px; } .prog-list-two-img{ margin-bottom: 20px; text-align: center; height: 370px; line-height: 370px; overflow: hidden; } .prog-list-two-img img{ width: 100%; vertical-align: middle; } .prog-list-two-detail{ padding: 0 20px; } .prog-list-two-detail h3{ margin-top: 0; } .prog-list-two-detail h3 a{ color: #000000; } .prog-list-two-detail h3 a:hover{ color: #58595b; } .prog-list-two-detail p{ color: #58595b; } .view-stat-link a{ color: #808285; font-size: 14px; font-family: 'telefonregular'; } /* ============================= FEATURED PROG SORT BLOCK STYLE ============================= */ .prog-sort-block{ margin-bottom: 50px; margin-top: 30px; } .prog-sort-inner{ position: relative; padding-bottom: 5px; border-bottom: 1px solid #52107C; } .prog-sort-option{ position: absolute; top: 0; right: 0; } .prog-sort-block label{ font-weight: normal; font-size: 24px; line-height: 25px; float: left; margin-right: 2%; width: 8%; } .prog-sort-inner{ float: left; width: 90% } .prog-sorted-list{ font-size: 30px; line-height: 27px; padding-right: 150px; min-height: 27px; text-transform: capitalize; } .prog-sort-option div.selector span{ font-size: 12px; } .featured-left-right-wrap{ margin-bottom: 40px; padding-bottom: 40px; position: relative; } .featured-left-right-wrap.border-none{ border-bottom: none; padding-bottom: 20px; } .featured-left-block-inner{ padding-right: 90px; } .col-lg-12 > .featured-left-block-inner{ padding-right: 0px; } .featured-left-right-wrap.full-width .featured-left-block-inner{ padding-right: 0; } .featured-left-right-wrap.full-width .artist-btn-wrap{ text-align: center; } .side-donate-btn{ margin-bottom: 40px; } .side-donate-btn .btn-border{ display: block; font-size: 18px; padding: 7px 8px; } .side-rel-featured-list{ padding-bottom: 5px; border-bottom: 4px solid #52107C; } .side-rel-featured-title{ margin-bottom: 5px; } .side-rel-featured-title h4{ font-size: 20px; color: #ffffff; background: #52107C; font-family: 'telefon_boldregular'; text-align: center; padding: 8px 5px; margin: 0; } .side-rel-featured-list ul { list-style: none; margin: 0; } .side-rel-featured-list ul li{ border-top: 1px dotted #808080; margin-bottom: 5px; padding-top: 20px; } .side-rel-featured-list ul li:first-child{ border-top: none; padding-top: 0; } .side-rel-featured-img{ margin-bottom: 10px; position: relative; height: 175px; line-height: 175px; overflow: hidden; } .side-rel-featured-img:after{ position: absolute; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .side-rel-featured-img:hover:after{ bottom: 0; opacity: 0; } .side-rel-featured-detail h4{ font-size: 14px; color: #000000; margin-top: 0; margin-bottom: 10px; line-height: 15px; } .side-rel-featured-detail h4 a{ font-size: 14px; color: #000000; display: inline-block; } .side-rel-featured-detail h4 a:hover{; color: #58595b; } .side-rel-featured-detail p{ font-size: 12px; color: #58595b; } .alignleft{ float:left; margin:0 15px 15px 0; } .alignright{ float:right; margin:0 0 15px 15px; } .aligncenter{ margin:auto auto 15px auto; display:inline-block; } dl.aligncenter{ margin:auto auto 15px auto; display:block; } /* ============================= PAGE BOTTOM NAV STYLE ============================= */ .bottom-page-nav-block{ text-align: center; } .bottom-page-nav-block a{ display: inline-block; line-height: 40px; margin: 0 15px; font-family: 'telefonregular'; color: #808285; text-transform: uppercase; } .bottom-page-nav-block span{ margin: 0 10px; } /* ============================= FEATURED TESTIMONIAL SLIDER STYLE ============================= */ .bottom-showhide-blocks > div.testimonial-thumb-slider-wrap:before { border-top: 2px dotted #000000; position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; } .testimonial-thumb-slider-wrap { position: relative; padding-bottom: 44px; border-bottom: 2px dotted #000000; margin-bottom: 20px; } .testimonial-thumb-slider-wrap.border-none{ border-bottom: none; } .testimonial-thumb-slider-outer{ padding: 0 45px; } .testimonial-thumb-detail{ margin-top: 30px; padding-left: 15px; } .testimonial-thumb-detail p{ font-size: 32px; color: #58595b; font-family: 'Lato', sans-serif; line-height: normal; margin-bottom: 0; } .testimonial-thumb-detail span{ font-size: 14px; color: #58595b; font-family: 'telefonregular'; text-transform: uppercase; } .testimonial-thumb-slider-wrap .owl-controls{ text-align: center; margin-top: 40px; } .testimonial-thumb-slider-wrap .owl-controls .owl-page{ display: inline-block; margin: 0 5px; } .testimonial-thumb-slider-wrap .owl-controls .owl-page span{ width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #a4a6a9; display: inline-block; } .testimonial-thumb-slider-wrap .owl-controls .owl-page.active span, .testimonial-thumb-slider-wrap .owl-controls .owl-page span:hover{ background: #861bca; } /* ================================================================================================ PROGRAM PAGE STYLE ================================================================================================ */ .right-map-block{ margin-bottom: 40px; } .map_custom_class.col-lg-12 .right-map-block{ background: url(../images/dash-border-bg.png) repeat-x center left; text-align: center; } .map-block-title{ text-align: center; background-color: #0056dc; padding: 7px 10px; } .map_custom_class.col-lg-12 .map-block-title{ display: inline-block; } .map-block-title h4{ color: #ffffff; font-size: 24px; margin: 0; font-family: 'telefon_boldregular'; display: inline-block; vertical-align: middle; padding-bottom: 5px; } .map-section-inner{ position: relative; } .map-filter-list-block{ position: relative; display: inline-block; vertical-align: middle; margin: 0 5px; text-align: left; padding-bottom: 5px; } .country-fliter{ width: 110px; } .year-fliter{ width: 60px; } .map-filter-list-title{ background: url(../images/select-uniform-white-bg.png) no-repeat center right; padding-right: 22px;color: #ffffff; font-size: 23px; margin: 0; font-family: 'telefon_boldregular'; border-bottom: 1px solid #ffffff; white-space: pre; cursor: pointer; } .map-filter-list-option{ background: #ffffff; z-index: 15; border: 1px solid #e6e7e8; position: absolute; top: 99%; right: 0; display: none; width: 110px; } .map-filter-list-option ul { list-style: none; margin: 0; } .map-filter-list-option ul li{ margin-bottom: 0; } .map-filter-list-block .map-filter-list-option ul{ padding: 15px 0 10px 0; } .country-fliter .map-filter-list-option{ width: 115px; } .year-fliter .map-filter-list-option{ width: 90px; } .map-filter-list-option:after{ background: url(../images/filter-up-arrow.png) no-repeat center center; content: ""; width: 18px; height: 8px; top: -8px; left: 50%; margin-left: -9px; position: absolute; } .map-filter-list-option ul { list-style: none; margin: 0; } .map-filter-list-option ul li{ margin-bottom: 0; } .map-filter-list-block .map-filter-list-option ul{ margin-top: 0;} .map-filter-list-block .map-filter-list-option li{ margin-top: 0; padding: 0 20px 0 10px; } .map-filter-list-block .map-filter-list-option li label{ display: inline-block; height: auto; line-height: 15px; margin-left: 7px; margin-top: 3px; width: auto; font-family: 'telefonregular'; font-weight: normal; font-size: 12px; float: none; vertical-align: top; color: #a4a6a9; } .map-filter-list-block .map-filter-list-option li.map-filter-active label{ color: #000000; } .map-section-inner .expandMap, .map-section-inner .collapseMap{ background: url(../images/map-arrow.png) no-repeat center right;font-size: 10px; line-height: 22px; padding-right: 28px; display: inline-block; margin: 15px 0; } .map-section-inner .expandMap{ background-position: right top; float: right; } .map-section-inner .collapseMap{ background-position: left bottom; padding-right: 0; padding-left: 28px; } .map-section-inner .collapseMap{ position: absolute; top: -56px; left: 241px; } .map_popover{ background: rgba(255, 255, 255, 0.5) !important; padding: 5px 10px !important; border: none !important; box-shadow: none !important; font-size: 16px !important; font-family: 'telefonregular'; } .map_popover h4{ font-size: 24px; font-family: 'telefonregular'; margin: 0 0 5px 0; } .map_popover span{ font-size: 16px; font-family: 'Lato', sans-serif; margin: 0 0 5px 0; } .map_popover p{ font-size: 16px; margin-bottom: 0 !important; font-family: 'telefonregular'; } .map_popover_close{ width: 17px; height: 17px; background: url(../images/icon-close-small.png) no-repeat center center; text-indent: -100px;overflow: hidden; } .single-row-prog-block{ margin-top: 35px; } .single-row-prog-list{ border-bottom: 1px dotted #000000; } .single-row-prog-list:first-child{ border-top: 1px dotted #000000; } .single-row-prog-list-inner{ padding: 10px; } .single-row-prog-img img{ width: 100%; height: 100%; } .single-row-prog-detail{ padding-top: 0; } .single-row-prog-detail p{ line-height: 24px; } .single-row-prog-detail h3{ margin-top: 0; } .single-row-prog-detail h3 a{ color: #000100; } .single-row-prog-detail h3 a:hover{ color: #58595b; } .single-row-prog-block .testimonial-thumb-slider-wrap{ margin-bottom: 0; padding: 30px 0; border-bottom: none; } .single-row-prog-block .testimonial-thumb-slider-wrap .owl-controls{ margin-top: 10px; } .prog-result-wrap{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px dotted #000000; } .prog-result-wrap.border-none{ padding-bottom: 0px; border-bottom: none; } .prog-result-title{ border-top: 4px solid #52107c; margin-bottom: 20px; } .prog-result-title h5{ font-family: 'telefon_boldregular'; margin: 0; color: #ffffff; background-color: #52107c; padding: 5px 20px 8px 20px; display: inline-block; min-width: 220px;text-align: center; } .prog-result-count h3{ font-size: 110px; line-height: 100px; margin: 10px 0; } .prog-result-count p{ color: #666666; } .prog-result-count{ padding-right: 45px; border-right: 1px solid #ced0d1; } .prog-result-list-block{ padding-left: 45px; } .prog-result-list-block ul, ul.prog-result-list-block{ list-style: none; margin: 0; } .prog-result-list-block li{ margin-bottom: 0; padding: 15px 0; border-top: 1px solid #ced0d1; line-height: normal; color: #666666; } .prog-result-list-block li:first-child{ border-top: none; } .prog-result-list-block li span{ font-size: 26px; background-color: #52107c; color: #ffffff; padding: 4px 3px 2px; display: inline-block; } .prog-result-list-block .btn-border{ display: none; font-size: 18px; padding: 10px 8px; margin-top: 10px; } /* ================================================================================================ BOARD OF DIRECTORS PAGE STYLE ================================================================================================ */ .DirectorsListing{ margin-bottom: 20px; } .DirectorsListing .DirectorsInner{position:relative; margin: 22px 0; } .directors-img{ height: 240px; overflow: hidden; } .directors-img img{ vertical-align: middle; width: 100%; } .directors-detail{ padding:5px; position: absolute; bottom: 0px; background: rgba(41,121,95,0.7); color: #fff; text-align: center; width: 100%; transition: all 0.2s ease; } .DirectorsInner a:hover .directors-img{ opacity: 0.9; } .DirectorsListing .DirectorsInner h5{ margin: 0px; } .DirectorsListing .DirectorsInner h5 span{ font-size: 12px; text-transform: uppercase; display:inline-block;} .DirectorsListing .DirectorsInner h5 p{margin-bottom:0;} .AdvisoryBoardTitle h3{ border-bottom: 1px dashed #000000; padding-bottom: 12px; margin-bottom: 35px;} .AdvisoryBoard a{font-size: 14px; color: #666666; display: inline-block; } .AdvisoryBoard a:hover{color: #000000;} .DirectorsListing-left .member_detail{ display: none; } .Director-detail {background: #c7e3da; min-height: 200px; position: relative; padding: 20px;} .Director-detail span{ font-size: 12px; margin: 0px; padding: 0px; color: #808285; font-family: 'telefonregular'; text-transform: uppercase; } .Director-detail h4{ margin: 10px 0; } .memberinfo.active .member-des:after{ border-bottom: 15px solid #c7e3da; border-left: 15px solid rgba(0, 0, 0, 0); border-right: 15px solid rgba(0, 0, 0, 0); bottom: -25px; content: ""; left: 50%; margin-left: -15px; position: absolute;} .dispClose{ position: absolute; right: 25px; top: 15px; } .directore-close-icon{ background: url(../images/directore-close-icon.png) left top; display: block; width: 23px; height: 22px;} .directore-close-icon:hover{ background-position:left -23px;} .memberDescDisplay{ display:none; } .DirectorsListing-wrap{ position: relative; } .DirectorsListing-left{ width: 100%; float: left; } .DirectorsListing-right{ display: none; float: left; position: absolute; top: 0; left: 0; } .DirectorsListing-right .back_list{ font-family: 'telefonregular'; text-transform: uppercase; font-size: 12px; color: #808083; padding-left: 17px;background: url(../images/green-arrow-left.png) no-repeat left center; } .DirectorsListing-right .DirectorsListing{ margin-bottom: 0; } .advisory-board-lst.tablet-view, .advisory-board-lst.mobile-small-view, .advisory-board-lst.mobile-large-view{ display: none; } .advisory-board-lst ul{ list-style: none; margin: 0; } .advisory-board-lst{ margin-left: -15px; list-style: none; margin-bottom: 0; } .advisory-board-lst > li{ margin-left: 15px; width: 14.5%; display: inline-block; vertical-align: top; } .advisory-board-lst li:nth-child(6n+1){ clear: both; } .advisory-board-lst li li{ margin-bottom: 10px; } /* ================================================================================================ ANNUAL REPORT PAGE STYLE ================================================================================================ */ .DownloadPdf{ margin: 30px 0;} .DownloadPdf ul { list-style: none; margin: 0; } .DownloadPdf li { margin-bottom: 0; width: 61px; height: 78px; margin-left: 20px; float: left;} .DownloadPdf li:first-child{margin-left: 0px;} /* ================================================================================================ OUR SUPPORTERS PAGE STYLE ================================================================================================ */ .AccordianBlock{ margin-bottom: 20px; margin-top: 10px; } .accordion{ padding:10px 0px 20px;} .accordion .ui-icon { right:10px; left:auto;} .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; min-height: 0; margin-bottom: 0; outline: none; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; } .accordion .ui-state-default, .accordion .ui-widget-content .ui-state-default, .accordion .ui-widget-header .ui-state-default {border: 0px; color: #000000; font-size: 20px;padding: 10px 40px 14px 0px; border-bottom: 1px dashed #000; border-radius: 0px; font-family: 'Lato', sans-serif; } .accordion .ui-accordion-content-active{border: 0px; font-weight: normal; border-top:none;} .accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 18px; margin-top:-10px;} .accordion .ui-state-default .ui-icon, .accordion .ui-state-active .ui-icon{ background: url(../images/accordian-icon-bg.png); } .accordion .ui-state-default .ui-icon{ background-position: -1px 2px; } .accordion .ui-state-active .ui-icon{ background-position: -39px 2px; } .accordion.ui-accordion .ui-accordion-content {border-top: 0 none; padding: 0; overflow:hidden; font-size: 16px;} .accordian-cont-inner{ margin-top: 20px; padding: 0 10px;} .accordion .ui-icon{width:22px; height:22px;} .ui-widget{ font-family: 'Lato', sans-serif !important;} .our-supporter-detail{ margin-top: 25px; } .our-support-title h4 { margin-top: 30px; margin-bottom: 20px; } /* ================================================================================================ NEWS HIGHLIGHTS PAGE STYLE ================================================================================================ */ .news-col-wrap{ margin-bottom: 40px;} .News-col-img{ height: 420px; line-height: 420px; overflow: hidden; } .NewsDetail h3 { margin: 0 0 20px; } .NewsDetail h3 span a {margin-bottom: 10px ; color: #808285; display: block; font-family: 'telefonregular'; font-size: 12px; text-transform: uppercase;} .NewsDetail a{color: #000000;} .NewsDetail a:hover{color: #58595b;} .NewsStories{ border-left: 1px solid #d1d3d4; padding-left: 48px; min-height: 366px;} .NewsStories h3 {margin: 0 0 10px; color: #000100;} .viewall-news{color: #58595b; font-size: 14px;} .viewall-news:hover{ color: #000000;} .stories-listing{ margin: 10px 0 0 0; height: 300px; list-style: none; } .stories-listing li{ margin-bottom: 10px; } .stories-listing li:first-child{ padding-top: 30px; } .stories-listing li h4 {font-size: 14px; margin-top: 0; line-height: normal; text-transform: capitalize; margin-bottom: 5px; } .stories-listing li h4 a{ color: #000000;} .stories-listing li h4 a:hover{color:#333;} .stories-listing li p {color: #58595b; font-size: 12px;} .stories-listing li p a{color: #58595b;} .stories-listing li p a:hover{color: #000000;} /* ================================================================================================ ENEWSLETTER PAGE STYLE ================================================================================================ */ .eNewsletter-listing .mobile-lst{ display: none; } .eNewsletter-listing{ margin:30px 0px; padding-top: 58px; border-top: 1px dashed #000000; } .eNewsletter-inner{ background: #c5e2da; padding:10px; margin-bottom: 40px;} .headtop{ background: #d4dbe5; padding: 5px 0;} .headtop img{ float: left;} .headtop h2 { font-family: 'Lato', sans-serif; font-size: 14px; margin: 0; color: #0f4a85; float: right; width: 182px; line-height: 14px;} .headtop h2 span{ font-size: 11px; display: block;} .enewsletter-thumb{margin-bottom: 15px;} .enewsletter-thumb img{ width: 100%; height: auto; } .enews-date{color: #808285; font-family: 'telefonregular'; font-size: 12px; text-transform: uppercase;} .eNewsletter-inner h4 {margin:15px 0 13px; } .eNewsletter-inner h4 a{color: #000000;} .eNewsletter-inner h4 a:hover{color: #808285;} .eNewsletter-inner h5 { font-size: 12px; margin:0; color: #808285;} .eNewsletter-inner h5 span {font-size: 14px; margin:10px 0; display: block;} .eNewsletter-inner h5 a{ color: #000000;} .eNewsletter-inner h5 a:hover{color: #808285;} /* ================================================================================================ ONLINE CAMPAIGNS PAGE STYLE ================================================================================================ */ .alm-listing ul, ul.alm-listing{ list-style: none; margin: 0; } .alm-listing li{ margin-bottom: 0; } .online-compaigns-list-block{ margin-top: 45px; } .online-compaigns-list-block .alm-listing li.col-lg-4{ padding-left: 10px; padding-right: 10px; margin: 0; } .online-compaigns-list-block li:nth-child(3n+1){ clear: both; } .campaigns-inner{margin-bottom: 40px; position:relative; height: 320px; overflow: hidden; } .campaigns-inner .product-image-container { width: 100%; height: 320px; } .campaigns-inner img{ height: 100%; max-width: none; position: relative !important; left: auto !important; top: auto !important; } .campaings-caption { background: rgba(0,0,0, 0.7); padding: 9px; position: absolute; bottom: 0px; width: 100%; z-index: 10; } .campaings-caption h3 { font-family: 'Lato', sans-serif; font-size: 20px; margin:0px 0 8px; color: #ffffff;} .campaings-caption h5 {font-size: 20px; margin:0; color: #fff; font-family: 'telefon_boldregular'; } .campaings-caption h5 span{ color: #44a386; } .campaings-caption h5 span.product-goal{ color: #ffffff; } .campaings-caption h5 sub {font-size: 12px; bottom: 0px;} .progress-block{background: #ffffff; height: 10px; border-radius: 10px; margin-top: 8px;} .progress-block span{background: #44a386; width: 55%; float: left; height: 10px; border-radius: 10px;} .campaigns-round-content{ text-align: center; text-transform: uppercase; } .campaigns-round-content a{ background-image: url(../images/purple-round-image-2.png); background-repeat: no-repeat; background-position: center center; color: #ffffff !important; font-family: 'telefonregular'; font-size: 34px; display: inline-block; padding-top: 95px; height: 250px; width: 250px; margin-top: 35px; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .campaigns-round-content.purple a{ background-image: url(../images/purple-round-image-2.png); } .campaigns-round-content.orange a{ background-image: url(../images/orange-round-image-2.png); } .campaigns-round-content.blue a{ background-image: url(../images/blue-round-image-2.png); } .campaigns-round-content.grey a{ background-image: url(../images/grey-round-image-2.png); } .campaigns-round-content.green a{ background-image: url(../images/green-round-image-2.png); } .campaigns-round-content a p{ font-family: 'telefon_boldregular'; font-size: 27px; line-height: 34px; } /* ================================================================================================ ONLINE CAMPAIGNS DETAIL PAGE STYLE ================================================================================================ */ .side-progress { background: #000000; padding:20px 9px; margin-bottom: 10px; } .side-progress h3 {font-size: 42px; margin:0px 0 20px; color: #ffffff; line-height: 35px; font-family: 'telefon_boldregular'; } .side-progress h4 { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; margin:0px;} .side-progress h5 {font-size: 16px; margin:0; color: #fff; font-family: 'telefon_boldregular'; } .side-progress h5 span{ color: #44a386;} .side-progress h5 sub {font-size: 10px; bottom: 0px;} .side-doner{ display: inline-block; vertical-align: middle; } .side-campaign-btn .btn-border{ display: block; font-size: 15px; padding: 7px 8px; } .ignitiondeck .progress-wrapper{background: #ffffff; height: 10px; border-radius: 10px; margin-top: 8px; overflow: hidden;} .progress-wrapper .progress-percentage{ display: none; } .ignitiondeck .progress-bar{background: #44a386; width: 75%; float: left; height: 10px; border-radius: 10px;} .donors-block { margin-bottom:18px; padding: 0 8px;} .donors-block h3 { margin-top: 0; } .donors-block h3 span.product-Users{ color: #58595b; font-size: 42px; line-height: 26px; margin: 0px; display: block;} .donors-block h3 span{ font-family: 'Lato', sans-serif; font-size: 14px; display: inline-block;} .side-doner{ display: none; } .side-doner .donor-title{ font-size: 10px; bottom: 0px; } .side-progress h5 .side-doner, .side-progress h5 .side-doner span{ color: #58595b; } .side-raised{ display: inline-block; } .side-goal{ display: inline-block; } /* ================================================================================================ ONLINE CAMPAIGNS DETAIL PAGE FORM STYLE ================================================================================================ */ .ignitiondeck .id-product-infobox { background: none; } .ignitiondeck a.main-btn { background: none; font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000 !important; font-size: 15px; text-align: center; text-transform: uppercase; padding: 9px 8px 7px; border-radius: 0; font-weight: normal; display: block; } .ignitiondeck a.main-btn:hover, .ignitiondeck a.main-btn:hover, .ignitiondeck a.main-btn:active, .ignitiondeck a.main-btn:hover, .ignitiondeck a.main-btn:hover, .ignitiondeck a.main-btn:active { color: #44a386 !important; border-color: #44a386; background: none; } .ignitiondeck .id-purchase-form-wrapper, .ignitiondeck .id-fes-form-wrapper { background: none; } .ignitiondeck form { padding: 0; color: #000; } .ignitiondeck form ul { font-size: 0; list-style: none; margin: 0; } .ignitiondeck form ul li{ margin-bottom: 0; } .ignitiondeck form ul li:first-child { margin-bottom: 15px; } .ignitiondeck form h1, .ignitiondeck form h2, .ignitiondeck form h3, .ignitiondeck form h4, .ignitiondeck form h5, .ignitiondeck form h6, .ignitiondeck form .form-level { border-bottom: none; } .ignitiondeck form .form-row label { color: #58595b; display: inline-block !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: normal !important; line-height: normal !important; margin-bottom: 8px !important; } .ignitiondeck form .form-row label br { display: none; } .ignitiondeck form .form-row p { margin: 0; } .ignitiondeck form .form-row label .required-mark { display: none; } .ignitiondeck form .form-row { margin-bottom: 15px !important; width: 100%; } .ignitiondeck form .form-row.third, .ignitiondeck form .third, .ignitiondeck form .form-row.twothird, .ignitiondeck form .twothird, .ignitiondeck form .form-row.half, .ignitiondeck form .half { width: 49%; margin-right:0% !important; vertical-align: top;} .ignitiondeck form .form-row.left { margin-right: 2% !important; } .ignitiondeck form .form-row input, .ignitiondeck form .form-row textarea, .ignitiondeck form .form-row select{ border: none; outline: none !important; background-color: #f0f0f1; padding: 15px !important; font-size: 14px !important; background-image: none; color: #000; text-indent: 0; width: 100% !important;} .container .ignitiondeck form .main-btn, .container .ignitiondeck form .form-row input[type="submit"] { font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000; font-size: 18px !important; text-align: center; text-transform: uppercase; padding: 6px 15px; background: none; border-radius: 0; font-weight: normal; display: block; min-width: 300px;} .container .ignitiondeck form .main-btn:hover, .container .ignitiondeck form .form-row input[type="submit"]:hover { color: #44a386 !important; border-color: #44a386; background: none;} .ign-checkout-button { margin-bottom: 50px; } .ign-checkout-price .idfield br { display: none; } .product-image-container { margin: 0; } .ignitiondeck form .dd-select { border: none; border-radius: 0; background-color: #f0f0f1 !important; padding:17px 15px 16px; } .ignitiondeck form .form-row .dd-select label, .ignitiondeck form ul.dd-options label { margin-bottom: 0 !important; color: #000; } .ignitiondeck form .dd-pointer-down { border: none; background:url(../images/gform-select-bg.png) no-repeat center right; height: 49px; line-height: 49px; color: #58595b; width: 57px; margin-top: -24.5px; right: 0;} .ignitiondeck form .dd-pointer-up { border: none !important; } .ignitiondeck form ul.dd-options { width: 100%; padding: 0; border: 1px solid #eee;; box-shadow: none; } .ignitiondeck form .dd-option-selected, .ignitiondeck form .dd-option:hover { background-color: #f0f0f1 !important; } .ignitiondeck form .dd-option { transition: none; color: #000; padding: 15px; } .ignitiondeck form .dd-selected { padding: 0; } .ignitiondeck form .ign-checkout-price { color: #000; } .ignitiondeck form .red-border { border-color: #ea5844 !important; background-color: #ffdfe0 !important; } .ignitiondeck form .form-item-error-msg { display: none; } .ignitiondeck form br { display: none; } .alm-listing li img { border-radius: 0; } /* ================================================================================================ DONATE PAGE STYLE ================================================================================================ */ .gift-block{ background: #cee8e1; padding: 40px 80px;} .gift-block h3.donate-title {color:#000100; margin: 0px; background:url(../images/gift-title-bg.jpg) repeat-x;} .gift-block h3.donate-title span{ background: #cee8e1; padding-right: 15px;} .giftlisting{ margin-top: 35px; margin-left: 0; margin-right: 0;} .giftlisting li { list-style: none; } .gift-inner{border: 5px solid #fff; text-align: center; padding: 10px 5px; margin-bottom: 24px; min-height: 150px;} .gift-inner a{ display: block; } .gift-inner:hover,.giftlisting .active{ border-color: #44a386; background: #ffffff;} .gift-inner h3{ font-family: 'telefonregular'; font-size: 25px; margin: 0px 0 10px; color: #000000;} .gift-inner h3 span{ font-family: 'Lato', sans-serif; font-size: 20px; display: block; } .gift-inner p{ font-size: 12px; color: #58595b; line-height: 17px; margin: 0px;} .donate-filter-block { margin-bottom: 15px; } .donate-filter-block:last-child { margin-bottom: 0; } .donate-filter-block div.checker {display: inline-block; float: left; margin-top: 3px;} .donate-filter-block label { display: inline-block; font-size: 16px; font-family: 'telefonregular'; font-weight: normal; line-height: 14px; margin-left: 9px; max-width: calc(100% - 40px); } .donate-filter-block__description { display: block; font-size: 10px; color: #58595b; margin-top: 0.5em; } .amount-textbox{ background: transparent; border: 0px; border-bottom: 2px solid #ffffff; width: 150px; margin-left: 15px; padding: 0 5px; font-size: 20px;} .gift-bottom{ border-top: 1px dashed #ffffff; margin-top: 38px; padding: 40px 80px 20px; } .gift-bottom p{ font-size: 10px; color: #58595b; line-height: 14px; padding-left: 24px; padding-top: 5px;} .donatenow-btn .btn-border{ display: block; font-size: 15px; padding: 7px 8px; font-size: 18px; background: #ffffff; margin-left: 20px;} .alternate-giving-block{ margin-top: 50px;} .alternate-giving-block h3{ font-family: 'Lato', sans-serif; color: #000100; font-size: 30px; border-bottom: 1px dashed #000000; padding-bottom: 12px; margin: 0 0 35px;} .alternate-giving-block img { margin-bottom: 20px; width: 100%; } .alternate-giving-block h4{ font-family: 'Lato', sans-serif; color: #000100; font-size: 20px; padding:0; margin:0 0 15px;} .donate-result-block{ margin-top: 40px; padding-top: 40px; border-top: 2px solid #44a386; } /* ================================================================================================ GET INVOLVED PAGE STYLE ================================================================================================ */ .artist-btn-wrap{ text-align: right; } .artist-btn-inner{ display: inline-block; text-align: center; } .artist-btn-inner .btn-border{ font-size: 18px; min-width: 300px; padding: 5px 8px; } .bottom-showhide-blocks > div.artist-mem-wrap:before { left: 0; right: 0; } /*.artist-mem-wrap{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px dotted #000000; }*/ .artist-mem-title{ border-top: 4px solid #52107c; margin-bottom: 20px; } .artist-mem-title h5{ font-family: 'telefon_boldregular'; margin: 0; color: #ffffff; background-color: #52107c; padding: 5px 20px 8px 20px; display: inline-block; min-width: 220px; text-align: center; } .artist-mem-list{ margin-left: -15px; } ul.artist-mem-list, .artist-mem-list ul{ list-style: none; margin: 0; } .artist-mem-list li{ margin-bottom: 10px; margin-left: 15px; width: 14.5%; display: inline-block; vertical-align: top; } .artist-mem-list li:nth-child(6n+1){ clear: both; } .artist-mem-list li a{ color: #52107c; } .artist-btn-inner .btn-border{ margin-top: 15px; } .artist-mem-list-mobile { display: none; } .artist-mem-list-mobile .block { margin-bottom: 10px; clear: both; } .artist-mem-list-mobile span { display: block; width: 100%; font-size: 24px; color: #000; border-bottom: 2px dotted #231F20; padding-bottom: 5px; background: url(../images/accordian-arrow.png) no-repeat right top; cursor: pointer; padding-right: 35px; } .artist-mem-list-mobile ul{ list-style: none; margin: 0; border-bottom: 2px dotted #000000; padding-bottom: 10px; } .artist-mem-list-mobile ul:after { clear: both; content: ""; display: block; } .artist-mem-list-mobile ul li { margin-top: 10px; float: left; width: 48.5%; margin-bottom: 0; } .artist-mem-list-mobile ul li:nth-child(even) { float: right; } .artist-mem-list-mobile ul li:nth-child(odd) { clear: both; } /* ================================================================================================ SHOP PAGE STYLE ================================================================================================ */ .shop-sorting-block{border-bottom:1px solid #cccccc; margin-top: 10px;} .shop-view-block, .shop-sort-block{float: right;} .shop-view-block div.selector, .shop-sort-block div.selector {width: 87px !important;} .shop-view-block div.selector span, .shop-sort-block div.selector span {font-size: 12px;} .poroduct-tag-name{ position: absolute; left: 0; top: 10px; color: #ffffff; font-family: 'telefon_boldregular'; background: #0056dc; font-size: 18px; padding: 6px 13px; line-height: 13px; } .ShopInner span.onsale{ position: absolute; right: 0; top: 10px; left: auto; font-weight: normal; color: #ffffff; min-height: 5px; min-width: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'telefon_boldregular'; font-size: 18px; padding: 6px 13px; line-height: 13px; } .shoplisting { margin-top: 55px;} .ShopInner{ margin-bottom: 25px; position: relative; } .ShopInner img{ width: 100%; } .shoplisting ul, ul.shoplisting{ list-style: none; margin: 0; } .shoplisting li{ margin-bottom: 0; } .shoplisting li.col-lg-3:nth-child(6){ clear: both; } .shoplisting h4{ line-height: 17px;} .shoplisting p{font-size: 14px; color: #58595b;} .shoplisting .shop-price{ font-size: 12px; color: #808285; font-family: 'telefonregular'; } .archive.woocommerce ul, ul.archive.woocommerce, .archive.woocommerce-page ul, ul.archive.woocommerce-page{ list-style: none; margin: 0; } .archive.woocommerce li.product:hover .entry-header .button, .archive.woocommerce-page li.product:hover .entry-header .button { display: none; margin-bottom: 0; } .post-type-archive-product .woocommerce-breadcrumb{ display: none; } .woocommerce-result-count{ display: none; } .ShopInner h4{ margin-top: 5px; } .shop-price .amount{ font-size: 12px; color: #808285; font-family: 'telefonregular'; } .products{ padding-top: 40px !important; border-top: 1px solid #cccccc; } .products ul, ul.products{ list-style: none; margin: 0; } .products li{ margin-bottom: 0; } .products li:nth-child(6){ clear: both; } .woocommerce-pagination{ display: none; } .woocommerce .quantity .qty { width: 100%; } .alm-reveal ul, ul.alm-reveal{ list-style: none; margin: 0; } .alm-reveal li{ margin-bottom: 0; } .products.alm-listing .alm-reveal li:nth-child(6){ clear: both; } .products.alm-listing li{ margin: 0; padding-left: 10px; padding-right: 10px; } .products.alm-listing li img { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; left: 0; top: 0; } /* ================================================================================================ SHOP DETAIL PAGE STYLE ================================================================================================ */ .single-product-inner span.onsale{ display: none; } .related.products{ clear: both; } .shop-detail-block{ margin-top: 10px;} .shop-zoom-block{ margin-top: 10px; text-align: center; width: 58%;} .shop-zoom-block ul { list-style: none; margin: 0; } .shop-zoom-block ul li{ display: inline-block; margin: 0 5px; } .shop-zoom-block ul li a{ background: url(../images/prog-zoom-mail-icon.png) no-repeat ; width: 25px; height: 25px; display: inline-block; text-indent: -9999px; } .shop-zoom-block ul li.zoomplus a{ background-position: 0 0; } .shop-zoom-block ul li.zoomminus a{ background-position: -35px 0px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{ margin-bottom: 5px; } .woocommerce-ordering div.selector span{ font-size: 12px; } .woocommerce-ordering div.selector, .woocommerce-ordering div.selector span{ height: 20px; line-height: 20px; } .shop-zoom-block ul { list-style: none; margin: 0; } .shop-zoom-block ul li{ margin-bottom: 0; } .shop-zoom-block ul li.zoomplus a:hover{ background-position: 0 -35px; } .shop-zoom-block ul li.zoomminus a:hover{ background-position: -35px -35px; } .shop-zoom-block ul li.imgmail a:hover{ background-position: -70px -35px; } .shop-detail-right h3{ margin-top: 10px; text-transform: capitalize; } .shop-detail-right h3 span{ color: #808285; font-size: 12px; display: block; text-transform: uppercase; font-family: 'telefonregular'; } .shop-deatil-price { color: #000000; font-family: 'Lato', sans-serif; font-size: 20px; margin-bottom: 55px;} .shop-deatil-price span{ color: #58595b; font-size: 16px; font-family: 'telefon_boldregular'; } .qty-block{ display: inline-block; vertical-align: middle; } .qty-block label{ float: left;} .qty-block label span{ font-family: 'telefon_boldregular'; } .qty-box{ display: inline-block; border-bottom: 1px solid #505050;} .qty-box div.selector{ font-weight: bold; width: 60px !important; } .entry-summary .qty-box div.selector{ width: 80px !important; } .shop-add-to-cart .btn-border {display: block; font-size: 18px; padding: 5px 10px;} .shop-cart-block{ margin-top: 10px; border-top:2px dotted #808080; padding-top: 20px;} .shop-cart-block h3{ margin-bottom: 10px;} .cart-head{ border-bottom: 1px solid #ccc; padding-bottom: 4px; font-size: 12px; color: #808285; font-family: 'telefonregular'; } .single-product-inner .page-nav-block{ position: absolute; top: 0; width: 100%; left: 0; } .single-product-inner .page-nav-block .page-prev, .single-product-inner .page-nav-block .page-next{ top: 200px; } .cart-detail { margin-top: 10px; margin-bottom: 20px;} .cart-detail h4{ margin: 0px 0 5px;} .cart-detail h4 span{ color: #808285; font-size: 12px; display: block; text-transform: uppercase; font-family: 'telefonregular'; } .cart-detail p{ font-size: 12px; color: #58595b; padding-right: 50px; margin-bottom: 0px;} .remove-link{color: #c74c17; font-size: 12px; text-transform: uppercase; text-decoration: underline;} .cart-price{color: #c74c17; font-size: 14px; font-family: 'telefon_boldregular'; } .cart-total-price{color: #c74c17; font-size: 24px; font-family: 'telefon_boldregular'; text-align: right; border-top: 1px solid #ccc;padding-top: 10px;} .cart-total-price span{color: #000000; font-family: 'Lato', sans-serif; font-size: 20px; padding-right: 15px; } .checkout-btn{ float: right; margin-top: 30px;} .checkout-btn .btn-border {display: block; font-size: 18px; padding: 5px 30px;} .woocommerce .woocommerce-message{ border-color: #52107c; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ border: 2px solid; padding: 5px 5px 5px 55px !important; line-height: 40px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ top: 6px; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ position: relative; z-index: 20; } .single-product .woocommerce-breadcrumb{ float: right; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 58%; padding-right: 1%; float: left; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 40%; padding-left: 1%; padding-right: 5%; float: left; } .single-product-inner{ padding-bottom: 15px; margin-bottom: 40px; border-bottom: 2px dotted #808080; margin-top: 10px; position: relative; } .single-product-inner .shop-zoom-block{ clear: both; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000; font-size: 18px; text-align: center; text-transform: uppercase; padding: 11px 27px; background: none; font-weight: normal; border-radius: 0; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: none; color: #000000; color: #52107C; border-color: #52107C; } .woocommerce-message .button, .actions .button{ line-height: 30px !important; font-size: 13px !important; padding: 0 20px !important; } .woocommerce div.product p.price, .woocommerce div.product span.price{ font-size: 20px; font-family: 'Lato', sans-serif; color: #000000; margin-bottom: 50px; } .woocommerce div.product form.cart .button{ float: right; min-width: 220px; } .qty-block label{ display: inline-block; font-weight: normal; font-size: 20px; line-height: 37px; } form.cart .qty-box div.selector span{ font-size: 42px; font-family: 'telefon_boldregular'; text-align: center; } form.cart div.selector{ padding-bottom: 7px; height: 37px; } .cart-title h3{ margin: 0; } .woocommerce table.shop_table{ border: none; border-top: none; border-bottom: 1px solid #cccccc; border-radius: 0; margin: 0 0 18px 0; } .woocommerce table.shop_table th{ font-weight: normal; font-size: 14px; font-family: 'telefonregular'; color: #808285; border-bottom: 1px solid #cccccc; } .woocommerce table.shop_table td{ padding: 10px 15px; vertical-align: top; } .product-subtotal, .product-price{ font-size: 14px; color: #c74c17; font-family: 'telefon_boldregular'; } .product-quantity .qty-block label{ display: none; } .product-quantity div.selector span{ font-size: 16px; text-align: center; } .cart_item .product-name .cart-product-name{ width: 215px; } .cart_item .product-quantity{ width: 130px; } .cart_item .product-subtotal{ width: 70px; } .cart_item .product-price{ width: 70px; } .cart_item .product-thumbnail{ width: 140px; } .cart_item .product-thumbnail img{ width: 100%; } .cart_item .product-name h4{ margin-bottom: 5px; text-transform: capitalize; } .cart_item .product-name h4 span{ color: #808285; font-size: 12px; display: block; text-transform: uppercase; font-family: 'telefonregular'; } .cart_item .product-name p{ font-family: 'Lato', sans-serif; font-size: 12px; color: #58595b; margin-bottom: 5px; } .product-remove a{ font-family: 'telefonregular'; text-decoration: underline; color: #c74c17; text-transform: uppercase; } .product-remove a:hover{ color: #58595b; } .woocommerce table.shop_table .cart_item td{ border: none; } .cart-collaterals{ padding: 0 15px; } .cart_totals h2{ display: none; } .cart_totals .cart-subtotal{ display: none; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: auto; } .cart_totals table{ text-align: right; width: 100%; } .cart_totals table th{ font-size: 20px; color: #000000; font-weight: normal; font-family: 'Lato', sans-serif; width: 50%; text-align: right; } .cart_totals table td{ font-size: 24px; font-family: 'telefon_boldregular'; width: 50%; } .cart_totals table td strong{ font-weight: normal; color: #c74c17; margin-left: 15px; } .wc-proceed-to-checkout{ margin-top: 35px; } /* ================================================================================================ CHECKOUT PAGE STYLE ================================================================================================ */ .woocommerce-checkout .woocommerce form .form-row-first, .woocommerce-checkout .woocommerce form .form-row-last, .woocommerce-checkout .woocommerce-page form .form-row-first, .woocommerce-checkout .woocommerce-page form .form-row-last{ width: 49%; } .woocommerce-checkout .col2-set{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } .woocommerce form .form-row label{ color: #58595b; font-size: 14px; margin-bottom: 8px; line-height: normal; font-weight: normal; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{ background-color: #f0f0f1; font-size: 14px; padding: 15px; outline: none; border: none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ font-weight: normal; } .woocommerce-checkout-review-order strong{ font-weight: normal; } .woocommerce-checkout #payment{ background: none; } .select2-container .select2-choice{ padding-top: 7px; padding-bottom: 7px; height: 40px; } .woocommerce-checkout #payment div.payment_box::after{ top: 0; } /* ================================================================================================ EVENT PAGE STYLE ================================================================================================ */ .EventBigImg{margin:0px 0 30px;} .SponsorSidebar h4{ line-height: normal; margin-top: 0px; } .Sponsorbox{ background: #f1f2f2; width: 100px; height: 51px; margin-bottom: 20px;} .sponsor-link{ font-size: 10px; color: #44a386;} .SponsorSidebar h4{ display: inline-block; vertical-align: middle; } .event-SponsorSidebar{ display: inline-block; vertical-align: middle; } .event-title{ display: inline-block; vertical-align: middle; text-transform: capitalize; line-height: 20px; margin-top: 1px; cursor: pointer; } .event-color-box{ width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 20px; cursor: pointer; } .datetime-block{ color: #58595b; font-size: 14px; display: inline-block; vertical-align: middle; font-family: 'telefonregular'; margin-left: 10px;} .calendar-right-block .event-color-box{ margin-top: 0; vertical-align: top; margin-top: 4px; } .calendar-right-block .event-title{ width: 170px; line-height: 18px !important; margin-top: 0; } .datetime-block a{padding: 0 10px; color: #58595b;} .datetime-block a:hover{color: #000000;} .lightyellow-color{ background: #f7dca6;} .lightpink-color{background: #db9999;} .yellow-color{ background: #ffb558;} .green-color{ background: #44a386;} .lightgreen-color{ background: #9cc400;} .purple-color{ background: #ae82ff;} .pink-color{ background: #ff62ac;} .datetime-block a{ padding: 0 15px; border-left: 1px solid #58595b; } .datetime-block a:first-child{ border-left: none; } .type-events .datetime-block { font-size: 16px; margin-left: 0; display: block; margin-top: 5px; } .type-events .datetime-block a:first-child {padding-left: 0;} /* =============== CALENDER STYLE =============== */ .fc-left h2{ font-family: 'telefonregular'; } .fc-toolbar .fc-right{ float: left !important; } .fc-right .fc-today-button{ display: none; } .fc-button-group .fc-state-default{ background:url(../images/arrow-right-left-bg.png) no-repeat right center; width: 50px; padding: 0; border: none; box-shadow: none !important; } .fc-button-group .fc-state-default.fc-prev-button{ background-position: 0 4px; } .fc-button-group .fc-state-default.fc-next-button{ background-position: -100px 4px; } .fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after{ display: none; } .fc-button-group .fc-state-default:hover{ opacity: 0.8; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{ border-left: none !important; border-right: none !important; border-color: #cccccc !important; } .fc-widget-header{ padding: 7px 0; } .fc-scroller{ height: auto !important; } .fc-head th{ font-weight: normal; color: #808285; border: none !important; text-transform: uppercase; font-family: 'telefonregular'; } .fc-ltr .fc-basic-view .fc-day-number{ text-align: center !important; font-size: 26px; } .fc-view-container .fc td, .fc-view-container .fc th{ vertical-align: middle; } .calendar-right-block{ margin-top: 50px; } .calendar-right-block h4{ font-family: 'telefonregular'; font-size: 16px; color: #808285; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px 0; } .list_evt{ margin-bottom: 10px; } .list_evt a{ display: inline-block; } .list_evt .event-title{ font-size: 12px; color: #58595b; line-height: 21px; text-transform: capitalize; } .fc-title{ display: none; } .fc-time{ display: none; } .fc-row .fc-content-skeleton{ padding-bottom: 0 !important; } .fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span{ padding-top: 0 !important; padding-bottom: 0 !important; } .fc-event{ height: 25px; border-radius: 0 !important; margin: 0 !important; margin-top:30px!important;} .fc-content-skeleton tbody { /*display: table-cell;*/ width: 100%; } .fc-content-skeleton td { width: 100px; padding: 0; } .fc-content-skeleton thead { position: absolute; height: 100%; z-index: 10; } .fc-unthemed .fc-today{ background: none !important; } .Eventaccordian{ margin-top: 35px; } .Eventaccordian h3{ margin-bottom: 0px;} .Eventaccordian .accordion .ui-state-default, .Eventaccordian .accordion .ui-widget-content .ui-state-default, .Eventaccordian .accordion .ui-widget-header .ui-state-default {color: #58595b; border-bottom: 1px dashed #808080;} .Eventaccordian .ui-accordion-header-active.ui-state-active{ color: #000000; border-bottom: 0px;} .Eventaccordian .accordion.ui-accordion .ui-accordion-content { border-bottom: 1px dashed #000000;} .event-accr-from{ margin-bottom: 40px; } /* ================================================================================================ SEARCH PAGE STYLE ================================================================================================ */ .search-results article{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } .article-footer{ display: none !important; } /* ================================================================================================ PAGE NOT FOUND STYLE ================================================================================================ */ .error404 .main-page, .page-template-default .main-page{ min-height: 525px; } .error404 #post-not-found{ text-align: center; } /* ================================================================================================ ALL FORM STYLE ================================================================================================ */ /* ================= FANCYBOX COMMAN STYLE ================= */ .fancybox-skin{ padding: 50px 40px !important; background: #ffffff !important; } .fancybox-inner{ overflow-y: auto !important; overflow-x: hidden !important; } .fancybox-close{ background:url(../images/close-btn-bg.png) no-repeat right center; height: 20px; width: 20px; right: 20px; top: 20px; } .fancybox-close:hover{ background-position: left center; } .fancybox-inner .timeline-slider-title { padding: 0; } .form-submit-success .fancybox-inner{ height: auto !important; } #popupForm{ height: auto !important; } /* ================= FORM ERROR COMMAN STYLE ================= */ .gform_wrapper ul{ list-style: none; margin: 0; } .gform_wrapper ul li{ margin-bottom: 0; } .gform_wrapper div.validation_error, .gform_validation_error.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message, .gform_wrapper form .top_label .gfield_description.validation_message, .gform_wrapper form .gfield_description.validation_message { background-color: #ffdfe0; padding: 5px 10px !important; font-weight: normal !important; margin: 15px 0 !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ea5844 !important; width: 100% !important; font-size: 14px !important; color: #333333 !important; font-family: 'Lato', sans-serif; } .gfield_description.validation_message{ display: none !important; } .gform_validation_error.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error.gfield_contains_required{ margin: 0 !important; padding: 0 !important; } .gform_validation_error.gform_wrapper li.gfield.gfield_error, .gform_validation_error.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } .gform_wrapper .top_label .gfield_error{ width: auto !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0.375em !important; } .gform_wrapper .top_label .gfield_error{ width: 100% !important; } .gform_wrapper .top_label .gfield_error .ginput_container{ max-width: 100% !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-left: 0 !important; } .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="text"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="url"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="email"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="tel"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="number"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="password"] { width: 100% !important; } .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_validation_error.gform_wrapper .ginput_complex .ginput_right select { width: 100% !important; } .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="text"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="url"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="email"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="tel"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="number"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_left input[type="password"] { width: 100% !important; } .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gform_body .gfield_error .ginput_complex .ginput_right input[type="password"] { width: 100% !important; } .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_validation_error.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"] { width: 100% !important; } .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #bc3b29 !important; } .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error textarea { border-color: #ea5844 !important; background-color: #ffdfe0; } .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required{ padding-left: 0 !important; } .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required{ margin-bottom: 0 !important; } /* ================= FORM COMMAN STYLE ================= */ .gform_wrapper{ max-width: 100% !important; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: normal !important; } .gform_confirmation_wrapper{ text-align: center; color: #000; font-size: 20px; } .gform_wrapper textarea.medium{ width: 100% !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction, .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label, .gform_wrapper .top_label .gfield_label { font-size: 14px !important; font-weight: normal !important; color: #58595B; margin-bottom: 8px !important; display: inline-block !important;letter-spacing: normal !important; line-height: normal !important; margin-top: 0; } .gform_wrapper .ginput_complex .ginput_left{ margin-right: 10px; margin-left: 0 !important; width: 48.9% !important; margin-bottom: 15px; } .gform_wrapper .ginput_complex .ginput_right{ margin-left: 10px; margin-right: 0 !important; width: 48.9% !important; margin-bottom: 15px; } .gform_wrapper .ginput_complex .ginput_full{ margin-bottom: 15px; display: inline-block; width: 100%; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first, .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { margin-right: 10px; margin-left: 0 !important; width: 48.9% !important; margin-bottom: 15px; } .gform_wrapper .ginput_complex .ginput_right{ margin-left: 0 !important; } .gform_wrapper .gform_body .ginput_complex input[type="text"], .gform_wrapper .gform_body .ginput_complex input[type="url"], .gform_wrapper .gform_body .ginput_complex input[type="email"], .gform_wrapper .gform_body .ginput_complex input[type="tel"], .gform_wrapper .gform_body .ginput_complex input[type="number"], .gform_wrapper .gform_body .ginput_complex input[type="password"], .gform_wrapper .gform_body .ginput_complex select{ width: 100% !important; font-family: 'Lato', sans-serif; } .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="email"], .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="number"], .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="password"], .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="tel"], .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="text"], .gform_wrapper .gform_body .ginput_complex .ginput_full input[type="url"]{ width: 100% !important; } .donate-form .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .donate-form .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year{ width: 100% !important; } .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="url"], .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gform_body .ginput_complex .ginput_right input[type="password"], .gform_wrapper .gform_body .ginput_complex .ginput_right select{ width: 100% !important; } .gform_wrapper .gform_body .field_name_first input, .gform_wrapper .gform_body .ginput_complex .ginput_left input{ width: 100% !important; } .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea.textarea { border: none; outline: none !important; background-color: #f0f0f1; padding: 15px !important; font-size: 14px !important; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{ margin-left: 15px !important; margin-bottom: 0 !important; line-height: 22px !important; } .gform_wrapper .gform_footer{ padding: 10px 0 !important; position: relative; } .gform_ajax_spinner{ position: absolute; left: 50%; margin-left: -7px; top: 102%; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000; font-size: 18px !important; text-align: center; text-transform: uppercase; padding: 6px 15px; background: none; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover { color: #52107C; border-color: #52107C; } .gform_wrapper form li, .gform_wrapper li { margin-bottom: 15px; } body .gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0 !important; } .gform_validation_error.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required { margin-bottom: 15px !important; } .gform_wrapper h3.gform_title{ font-family: 'telefon_boldregular'; font-size: 32px !important; color: #000000; line-height: 35px; } .gform_wrapper .gform_fileupload_multifile .gform_drop_area { border: 1px solid #f0f0f1; text-align: left; font-size: 14px; } .gform_wrapper .gform_fileupload_multifile .gform_drop_area .gform_button_select_files { background: #f0f0f1; border: 1px solid #aeaeae; color: #616161; padding: 5px 10px; } #extensions_message { font-size: 12px; } .ginput_preview strong { font-weight: normal; vertical-align: middle; } .fancybox-wrap .gform_wrapper h1, .fancybox-wrap .gform_wrapper h2, .fancybox-wrap .gform_wrapper h3{ font-family: 'Lato', sans-serif; } .fancybox-wrap .gform_wrapper h1{ font-size: 30px !important; margin-bottom: 15px; color: #000000; } .fancybox-wrap .gform_wrapper h3.gform_title{ font-family: 'telefon_boldregular'; font-size: 42px !important; color: #000000; line-height: 43px; } .fancybox-wrap .gform_wrapper .gform_heading{ margin-bottom: 70px; } .fancybox-wrap .gform_body{ padding: 0 60px; } .fancybox-wrap .gform_wrapper .gform_footer{ margin-top: 45px; } .gform_wrapper .gform_card_icon_container { margin-top: 0 !important; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width: 100% !important; } .gform_wrapper div.selector{ background-color: #f0f0f1; height: 50px; line-height: 50px; } .gform_wrapper div.selector span{ background:url(../images/gform-select-bg.png) no-repeat center right; height: 50px; line-height: 50px; padding-right: 57px; } .gform_wrapper div.selector select{ height: 50px; line-height: 50px; } .select2-container .select2-choice{ background: #f0f0f1; height: 50px; line-height: 50px; border: none; padding: 0 0 0 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select2-container .select2-choice > .select2-chosen{ background:url(../images/gform-select-bg.png) no-repeat center right; height: 50px; line-height: 50px; padding-right: 62px; margin-right: 0; } .select2-container .select2-choice .select2-arrow{ display: none; } .select2-container-active .select2-choice, .select2-container-active .select2-choices{ box-shadow: none; } .select2-drop-active{ border: none; } .select2-search input{ height: 27px !important; font-size: 13px !important; } .select2-results .select2-result-label{ font-size: 14px; } /* ================= ANNUNAL REPORT FORM STYLE ================= */ .annual-report-from .gform_wrapper h3.gform_title{ font-family: 'Lato', sans-serif; font-size: 20px !important; } .annual-report-from .gform_body li .gfield_label{ display: none !important; } .annual-report-from .gfield_checkbox{ text-align: center; } .annual-report-from .gform_wrapper .gform_footer{ text-align: center; } .annual-report-from .gform_wrapper .gform_footer input.button{ min-width: 300px; } .annual-report-from .gform_wrapper .ginput_complex .ginput_full, .annual-report-from .gform_wrapper .ginput_complex .ginput_left, .annual-report-from .gform_wrapper .ginput_complex .ginput_right{ margin-left: 0 !important; } /* ================= I CAN WE CAN FORM STYLE ================= */ #ExhibitionForm .gform_footer{ text-align: center; } #ExhibitionForm .gform_footer input.button{ min-width: 220px; } /* ================= EVENT LIST FORM STYLE ================= */ .event-accr-from .gform_body li .gfield_label{ display: none !important; } .event-accr-from .gform_wrapper .gform_footer{ text-align: center; } .event-accr-from .gform_wrapper .gform_footer input.button{ min-width: 300px; } .event-accr-from .gform_wrapper h3.gform_title{ font-family: 'Lato', sans-serif !important; font-size: 20px !important; } .event-accr-from .gform_wrapper .gform_footer{ margin-top: 0; } /* ================= NEWS HIGH. FORM STYLE ================= */ .news-highlights-form{ padding-right: 25px; } .news-highlights-form .gform_wrapper{ margin-top: 0 !important; } .news-highlights-form .gform_wrapper h3.gform_title{ margin-top: 0 !important; } .news-highlights-form .gform_body li .gfield_label{ display: none !important; } .news-highlights-form .gform_wrapper .gform_body li.news-highlights-form-row-1 .ginput_complex .name_first, .news-highlights-form .gform_wrapper .gform_body li.news-highlights-form-row-1 .ginput_complex .name_last { width: 47.7% !important; } .news-highlights-form .gform_wrapper .news-highlights-form-row-2 .ginput_complex .ginput_left{ width: 100% !important; margin-right: 0 !important; } .news-highlights-form .gform_wrapper .news-highlights-form-row-2 .ginput_complex .ginput_right{ width: 100% !important; margin-left: 0 !important; } .news-highlights-form-row-3{ width: 50%; font-size: 14px; } .news-highlights-form-row-3 a{ color: #44a386; } .news-highlights-form .gform_footer{ width: 50%; float: right; margin-top: 0px; } .news-highlights-form .gform_footer input.button{ width: 100%; } /* ================= ARTIST ADVISORY CIRCLE FORM STYLE ================= */ .artist-advisoy-from h3{ color: #000000; } .artist-advisoy-from .gform_body{ width: 760px; } .artist-advisoy-from .artist-adv-checkbox-list .ginput_container{ margin: 10px 0; } .artist-adv-checkbox-list li{ width: 45%; display: inline-block; } .artist-adv-checkbox-list li:nth-child(odd){ clear: both; margin-right: 5% !important; } .artist-advisoy-from .gform_wrapper .top_label .gfield_label{ margin-top: 20px !important; } .artist-advisoy-from .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin-top: 20px !important; } .artist-adv-form-city, .artist-adv-form-state, .artist-adv-form-zipcode{ display: inline-block; } .artist-adv-form-city, .artist-adv-form-state{ width: 220px; margin-right: 30px; } .gform_wrapper li.gfield.gfield_error.artist-adv-form-city, .gform_wrapper li.gfield.gfield_error.artist-adv-form-state { margin-right: 30px !important; width: 220px !important; } .gform_wrapper li.gfield.gfield_error.artist-adv-form-zipcode{ width: 140px !important; } .artist-adv-form-zipcode{ width: 140px; } .artist-advisoy-from .gform_wrapper .gform_footer{ text-align: center; } .artist-advisoy-from .gform_wrapper .gform_footer input.button{ min-width: 200px; } /* ================= ENEWS LETTER FORM STYLE ================= */ .enewsleter-form .gform_body li .gfield_label{ display: none !important; } .enewsleter-form .gform_wrapper .ginput_complex .ginput_right{ margin-left: 0 !important; } .enewsleter-form .gform_wrapper .gform_footer{ text-align: center; } .enewsleter-form .gform_wrapper .gform_footer input.button{ min-width: 300px; } .enewsleter-form .g_text_scr{ font-size: 14px; margin-top: 15px; } .enewsleter-form .g_text_scr a{ color: #44a386; } /* ================= VOLUNTEER APPLY FORM STYLE ================= */ .volunteer-apply-form{ padding-top: 30px; margin-top: 50px; border-top: 2px dotted #808080; } .volunteer-apply-form .gform_wrapper .ginput_complex .ginput_left{ margin-right: 1.5% !important; } .volunteer-apply-form .gform_wrapper .ginput_complex .name_first{ margin-right: 1.9% !important; } .volunteer-apply-form-row-3{ margin-bottom: 15px; } .gform_wrapper div.selector span{ color: #a6a8ab; } .volunteer-apply-form .gform_wrapper .gform_footer{ text-align: center; } .volunteer-apply-form .gform_wrapper .gform_footer input.button{ min-width: 300px; } .volunteer-apply-form .volunteer-apply-form-row-2 .gfield_description.validation_message{ display: block !important; } /* ================= DONATE FORM STYLE ================= */ .donate-form .gform_wrapper{ margin-top: 57px; color: #58595b; } .donate-form .gform_heading{ display: none; } .donate-form-hide-part{ display: none; } .donate-form .gform_wrapper input[type="text"], .donate-form .gform_wrapper input[type="url"], .donate-form .gform_wrapper input[type="email"], .donate-form .gform_wrapper input[type="tel"], .donate-form .gform_wrapper input[type="number"], .donate-form .gform_wrapper input[type="password"], .donate-form .gform_wrapper textarea.textarea, .donate-form .gform_wrapper div.selector { background: none !important; border: 3px solid #ffffff !important; } .donate-form .gform_wrapper div.selector{ height: 56px; line-height: 56px; } .donate-form .gform_wrapper div.selector span{ background:url(../images/gform-select-white-bg.png) no-repeat center right; height: 49px; line-height: 49px; color: #58595b; } .gform_wrapper .donate-form-honor-block .gfield_label{ display: none !important; } .donate-form-honor-block .gfield_radio li{ display: inline-block; vertical-align: top; margin-left: 20px !important; } .donate-form-honor-block .gfield_radio li:first-child{ margin-left: 0 !important; } .donate-form-nofitication-block .gfield_radio li{ display: inline-block; vertical-align: top; margin-left: 20px !important; } .donate-form-nofitication-block .gfield_radio li:first-child{ margin-left: 0 !important; } .donate-form .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{ margin-left: 9px !important; color: #000000 !important; } .donate-form-nofitication-block .gfield_label{ color: #000000 !important; font-family: 'telefonregular'; } .gform_wrapper .donate-form-first-last-name-block .ginput_container label{ display: none !important; } .gform_wrapper .donate-form-to-block, .gform_wrapper .donate-form-from-block{ display: inline-block; width: 48.5%; } .gform_wrapper .donate-form-to-block{ margin-right: 10px; } .gform_wrapper .donate-form-from-block{ margin-left: 10px !important; } .donate-form .gform_wrapper .gfield.donate-form-to-block input[type="text"], .donate-form .gform_wrapper .gfield.donate-form-from-block input[type="text"]{ width: 100% !important; } .gform_wrapper .donate-form-first-last-name-block .ginput_container label{ display: none !important; } .gform_wrapper .donate-form-nofitication-block, .gform_wrapper .donate-form-anonymous-block{ display: inline-block; width: 48.5%; vertical-align: bottom; } .gform_wrapper .donate-form-anonymous-block{ margin-right: 10px; } .gform_wrapper .donate-form-email-main-block{ margin: 10px 0 !important; } .gform_wrapper .donate-form-contact-info-block{ margin-top: 10px; } .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_1, .donate-form .donate-email{ display: inline-block; width: 48.5%; } .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_2, .donate-form .donate-phone{ display: inline-block; width: 48.5%; } .donate-form .donate-email{ margin-right: 10px; } .donate-form .donate-phone{ margin-left: 10px !important; } .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_1, .donate-form .gform_wrapper .ginput_container_email .donate-email{ margin-right: 10px; } .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_2, .donate-form .gform_wrapper .ginput_container_phone .donate-phone{ margin-left: 10px; } .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_1 input[type="text"], .donate-form .gform_wrapper .ginput_complex .ginput_full.address_line_2 input[type="text"]{ width: 100% !important; } .donate-form .gform_wrapper .donate-form-anonymous-block .gfield_label{ display: none !important; } .donate-form li.gfield.gfield_creditcard_warning.donate-form-paypal-block{ border: none; padding: 0 !important; } .donate-form .gform_wrapper .donate-form-paypal-block .ginput_cardextras .ginput_cardinfo_left label{ margin-top: 10px !important; } .donate-form .gform_wrapper .donate-form-paypal-block .ginput_cardextras .ginput_cardinfo_right{ clear: both; display: inline-block; float: none !important; width: 100% !important; } .donate-form .gform_wrapper .donate-form-paypal-block .ginput_cardextras .ginput_cardinfo_right label{ display: block !important; margin-top: 10px !important; } .gform_wrapper .donate-form-contact-info-block .address_line_1 label, .gform_wrapper .donate-form-contact-info-block .address_line_2 label, .gform_wrapper .donate-form-contact-info-block .address_city label, .gform_wrapper .donate-form-contact-info-block .address_state label, .gform_wrapper .donate-form-contact-info-block .address_zip label{ display: none !important; } .donate-form .gform_wrapper .donate-form-contact-info-block .address_state{ margin:0 10px !important; width: 179px !important; } .donate-form .gform_wrapper .donate-form-contact-info-block .address_zip{ margin-right: 0 !important; width: 179px !important; margin-left: 10px !important; } .donate-form .gform_wrapper .gform_body li.donate-form-donation-block.gfield_contains_required{ margin-bottom: 40px !important; padding-bottom: 40px !important; border-bottom: 2px dotted #ffffff !important; } .gform_wrapper .donate-form-monthly-gift-block .gfield_label{ display: none !important; } /*.donate-form .gform_wrapper .gform_fields .donate-form-monthly-gift-block{ display: inline-block; width: 55%; margin-right: 10px; padding-left: 80px; }*/ .donate-form .gform_wrapper .gform_fields .donate-form-monthly-gift-block li{ margin-bottom: 0 !important; } .donate-form .gform_wrapper .gform_fields .donate-form-monthly-gift-block .gfield_description{ font-size: 10px; color: #58595b;padding-top: 0; padding-left: 33px; } .donate-form .gform_footer{ float: right; } .donate-form .gform_footer input.button{ min-width: 230px; background: #ffffff; } /* ================= PURCHASE TICKET FORM STYLE ================= */ .purchase-ticket-form{ padding-right: 15px; } .purchase-ticket-form .gform_wrapper ul li.p-t-option-title, .purchase-ticket-form .gform_wrapper ul li.p-t-price-title, .purchase-ticket-form .gform_wrapper ul li.p-t-quantity-title { font-weight: 600; } .purchase-ticket-form .gform_wrapper ul li.p-t-option{ width: 74%; margin-right: 1%; float: left; clear: none; } .purchase-ticket-form .gform_wrapper ul li.p-t-quantity{ width: 25%; float: left; clear: none; } .purchase-ticket-form .gform_wrapper ul li.p-t-option .gfield_label, .purchase-ticket-form .gform_wrapper ul li.p-t-option .gfield_description, .purchase-ticket-form .gform_wrapper ul li.p-t-option .ginput_container { display: inline-block; vertical-align: top; margin-right: 25px; } .purchase-ticket-form .gform_wrapper ul li.p-t-option .gfield_label{ width: 20%; } .purchase-ticket-form .gform_wrapper ul li.p-t-option .ginput_container{ width: 20%; } .purchase-ticket-form .gform_wrapper ul li.p-t-option .gfield_description{ width: 50%; } .purchase-ticket-form .gform_wrapper ul li.p-t-quantity label{ display: none !important; } .purchase-ticket-form .gform_wrapper ul li.p-t-quantity div.selector{ width: 100% !important; } .purchase-ticket-form .gform_wrapper ul li.P-t-s-select-box div.selector{ width: 100% !important; } .purchase-ticket-form .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_last { float: right; } .purchase-ticket-form .gfield_creditcard_warning .ginput_cardinfo_right label { display: none; float: none; margin-right: 10px; width: 100%; } .purchase-ticket-form .gform_wrapper .ginput_complex .ginput_cardinfo_left div.selector{ width: 45%; } /* ================================================================================================ DASHBOARD STYLE ================================================================================================ */ /* ================================ DASHBOARD HEADER STYLE ================================ */ .search-bar{ background: #ffffff; display: none; } .search-bar-outer{ padding: 25px 50px; } .search-bar label, .search-bar input[type="text"], .search-bar input[type="submit"]{ height: 30px; line-height: 30px; font-family: 'Lato', sans-serif; font-weight: normal; } .search-bar label{ float: left; margin-right: 15px; font-size: 16px; color: #000000; } .search-bar input[type="text"]{ float: left; width: 50%; padding: 0 20px; border: none; outline: none; font-size: 16px; color: #444; } .search-bar input[type="submit"]{ float: right; border: none; background: none; outline: none; padding: 0px; margin: 0 20px; font-size: 16px; color: #0EB3C9; border-bottom: 1px solid #0EB3C9; } .search-close-btn{ background: url(../images/search-close-icon.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; text-indent: -9999px; overflow: hidden; float: right; } .db-header-main .container{ width: 960px; } .db-header-main{ padding: 10px 0; background: #0070bb; } .db-header-main a, .db-header-main{ color: #ffffff; } .search-btn{ margin-top: 3px; display: inline-block; } .search-btn-icon{ display: inline-block; background: url('../images/icon-search.png') no-repeat center center; width: 34px; height: 33px; text-indent: -9999px; } .login-bar{ text-align: right; margin-top: 3px; } .login-btn{ background: url('../images/icon-login.png') no-repeat center left; display: inline-block; line-height: 33px; padding-left: 43px; font-family: 'telefon_boldregular'; } /* ================================ DASHBOARD SIDEBAR STYLE ================================ */ .side-bar-block #treecontrol { margin: 1em 0; display: none; } .side-bar-block .treeview .hover { cursor: pointer; } .side-bar-block .treeview li { position: relative; text-transform: uppercase; color: #ffffff; display: block; letter-spacing: 1px; font-size: 15px; } .side-bar-block .treeview li.active > a{ background: #131313 url('../images/fill-white-left-arrow.png') no-repeat center right; } .side-bar-block .treeview li a{ color: #ffffff; padding: 13px 23px; display: block; border-bottom: 1px solid #e0e0e0; } .side-bar-block .treeview li.last > a{ border: none; } .side-bar-block .treeview li.last { border-bottom: 1px solid #e0e0e0; } .side-bar-block .treeview li.expandable > a{ padding: 13px 50px 13px 23px; } .side-bar-block .treeview li li a{ border-color: #a0a0a0; } .side-bar-block ul{ list-style: none; margin: 0; } .side-bar-block ul li{ margin-bottom: 0; } .side-bar-block .treeview li ul li{ padding: 0 15px; } .side-bar-block .treeview li li{ text-transform: capitalize; font-size: 14px; } .side-bar-block .treeview li li a{ padding: 13px; } .side-bar-block .treeview li.collapsable, .side-bar-block .treeview li.expandable { background-position: 0 -176px; } .side-bar-block .treeview .hitarea { background: url('../images/icon-white-top-bottom.png') no-repeat center 15px; height: 47px; width: 47px; cursor: pointer; position: absolute; right: 0; top: 0; } .side-bar-block .treeview .hitarea.collapsable-hitarea{ background-position: center -68px; } .side-bar-block{ background: #808080; padding-bottom: 20px; color: #ffffff; } .login-img{ display: inline-block; vertical-align: middle; width: 50px; } .login-name{ display: inline-block; vertical-align: middle; margin-left: 5px; width: 100px; } .login-name p{ margin-bottom: 0; font-size: 13px; } .login-name span{ display: block; font-size: 11px; line-height: 12px; } /* ================================ DASHBOARD RIGHTSIDE BAR STYLE ================================ */ .db-right-content{ padding: 45px 0px; } .db-headline{ margin-bottom: 35px; } .db-headline h2{ font-family: 'Lato', sans-serif; margin-top: 0; font-size: 35px; margin-bottom: 0; } .db-subheadline{ margin-bottom: 20px; } .db-subheadline h4{ font-family: 'telefon_boldregular'; margin: 0; font-size: 28px; } .readmore-btn{ text-decoration: underline; } .db-single-post-title{ margin-bottom: 10px; } .db-single-post-title span{ text-transform: uppercase; display: block; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; } .db-single-post-title h3{ margin: 0; display: inline-block; vertical-align: middle; } .db-post-rate{ display: inline-block; vertical-align: middle; margin-left: 10px; } .db-post-rate img{ vertical-align: middle; } /* ================================ WORKSHOP LIST STYLE ================================ */ .workshop-outer-wrap{ padding: 15px 0; margin: 15px 0; border-top: 1px solid #bfbfbf; } .workshop-item{ padding: 10px 0; } .workshop-item-detail h4{ margin-top: 0; } .workshop-list{ height: 280px; } .workshop-detail-list li{ display: inline-block; float: left; vertical-align: middle; padding: 0 15px; border-left: 1px solid #444444; font-size: 13px; line-height: 15px; margin-bottom: 5px; } .workshop-detail-list li:first-child{ padding-left: 0; border-left: none; } .workshop-detail-list{ margin-bottom: 5px; } .workshop-item-detail p{ font-size: 13px; line-height: 17px; } /* ============================= SLIDER THREE COL STYLE ============================= */ .slider-three-col-wrap{ padding: 15px 0; margin: 15px 0; border-top: 1px solid #bfbfbf; } .slider-three-col-item-inner{ padding: 0 10px; } .slider-three-col-wrap .owl-carousel{ margin: 0 -10px; } .slider-three-col-img{ position: relative; } .slider-three-col-img img{ width: 100%; } .slider-three-col-name{ position: absolute; text-transform: uppercase; background: #000000; color: #ffffff; padding: 3px 4px; top: 0; left: 0; font-size: 10px; } .slider-three-col-captain{ background-color:rgba(0, 0, 0, 0.6); padding: 9px 13px; position: absolute; bottom: 0; left: 0; right: 0; } .slider-three-col-captain a{ color: #ffffff; } .slider-three-col-captain p{ margin-bottom: 0; } .slider-three-col-captain span{ font-size: 13px; } .slider-three-col-detail{ margin-top: 10px; } .slider-three-col-detail p{ font-size: 13px; } .slider-three-col-wrap.owl-controls{ display: block; } .slider-three-col-wrap .owl-next{ background: #ffffff url('../images/icon-black-right-left.png') no-repeat center 20px; border: 1px solid #bcbcbc; height: 58px; width: 58px;margin-top: -30px; right: 0; top: 50%; position: absolute; } .slider-three-col-wrap .owl-next:hover{ background-color: #ededed; } /* ============================= DB-THEME IN HENDLING STYLE ============================= */ .db-theme-hendling-wrap{ padding: 15px 0; margin: 15px 0; border-top: 1px solid #bfbfbf; } .db-theme-hendling-item{ text-align: center; } .db-theme-hendling-image a{ background: #000000 url('../images/ptn-black-org.png') no-repeat center center; width: 138px; display: inline-block; height: 138px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 50px 15px 15px 15px; } .db-theme-hendling-image a span{ color: #ffffff; } .db-theme-hendling-detail{ margin-top: 10px; } .db-theme-hendling-detail p{ font-size: 13px; } /* ============================= DB-SPECIAL IMPACT STYLE ============================= */ .db-sector-impact-wrap{ padding: 15px 0; margin: 15px 0; border-top: 1px solid #bfbfbf; } .db-sector-impact-detail{ margin-top: 10px; } .db-sector-impact-image{ position: relative; } .db-sector-impact-image img{ width: 100%; } .db-sector-impact-item.round{ text-align: center; } .db-sector-impact-item.round a{ background: #000000 url('../images/ptn-black-org.png') no-repeat center center; width: 217px; display: inline-block; height: 217px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 60px 15px 15px 15px; margin: 0 auto; text-align: center; } .db-sector-impact-round span{ color: #ffffff; text-transform: uppercase; text-align: center; font-family: 'telefon_boldregular'; letter-spacing: 2px; font-size: 20px;line-height: 30px; } .db-sector-impact-image-caption{ background-color:rgba(0, 0, 0, 0.6); padding: 9px 13px 35px 13px; position: absolute; bottom: 0; left: 0; right: 0; } .db-sector-impact-image-caption a{ color: #ffffff; } .db-sector-impact-image-caption p{ margin-bottom: 0; color: #ffffff; } .db-sector-impact-detail p{ font-size: 13px; } /* ============================= DB-SUBMIT WORK STYLE ============================= */ .submit-work-item{ padding: 15px 0; } .submit-work-img a{ background: #75a7c4; display: inline-block; width: 215px; height: 215px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 70px 15px 15px; text-align: center; font-size: 22px; } .submit-work-img a:hover{ color: #ffffff; } .submit-work-detail{ min-height: 215px; line-height: 215px; } .submit-work-detail p{ vertical-align: middle; line-height: 20px; display: inline-block; font-size: 17px; line-height: 24px; } .db-breadcrumb ul, ul.db-breadcrumb{ list-style: none; margin: 0; } .db-breadcrumb li{ margin-bottom: 0; } .db-breadcrumb{ margin-bottom: 15px; } .db-breadcrumb li{ background: url('../images/db-breadcrumb-bg.png') no-repeat center left; list-style: none; display: inline-block; vertical-align: middle; padding-left: 20px; } .db-breadcrumb li:first-child{ padding-left: 0; background: none; } .db-breadcrumb li, .db-breadcrumb li a{ color: #000000; font-size: 13px; } /* ============================= DB-SINGLE POST STYLE ============================= */ .db-single-label-list ul, ul.db-single-label-list{ list-style: none; margin: 0; } .db-single-label-list li{ display: inline-block; float: left; vertical-align: middle; padding: 0 15px; border-left: 1px solid #444444; font-size: 13px; line-height: 15px; margin-bottom: 5px; } .db-single-label-list li:first-child{ padding-left: 0; border-left: none; } .db-single-label-list{ margin-bottom: 5px; } .db-single-post-image{ margin: 20px 0 ; } .db-single-post-btn-list li{ display: inline-block; vertical-align: middle; margin-right: 12px; min-width: 85px; } .db-single-post-btn-list li a{ background: #363636; display: block; font-size: 12px; color: #ffffff; font-family: 'telefonregular'; padding: 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 12px; } .db-single-post-btn-list{ margin-bottom: 20px; } .db-single-post-btn-list li a:hover{ background: #555555; } .db-single-post-bottom-detail h6{ margin-bottom: 0; color: #000000; font-size: 15px; margin-top: 20px; line-height: normal; } .db-single-post-bottom-detail p{ font-size: 14px; } .db-single-post-bottom-detail.resource-single-detail p{ font-size: 15px; } .db-single-post-bottom-detail img{ margin-bottom: 10px; } .right-quote-wrap{ margin-bottom: 50px; } .db-right-block .db-subheadline{ padding-bottom: 5px; border-bottom: 1px dotted #7f7e7f; margin-bottom: 5px; } .db-right-block .db-subheadline h4{ font-size: 24px; } .right-quote-detail{ height: 270px; } .right-quote-detail p{ font-size: 12px; } .right-relatd-wrap{ margin-bottom: 50px; } .db-single-label-list .right-relatd-list li{ margin: 5px 0 15px 0; } .side-related-detail{ margin-top: 7px; } .side-related-detail p{ font-size: 13px; line-height: 16px; margin-bottom: 0; } .right-relatd-list li{ font-size: 13px; } .right-relatd-list li a{ text-decoration: underline; } /* ============================= DB-INTERNAL PAGE STYLE ============================= */ .workshop-log-block{ margin: 10px 0; padding: 10px 0; border-top: 1px dotted #7e7e7e; border-bottom: 1px dotted #7e7e7e; } .workshop-log-block p{ font-size: 14px; } .workshop-log-block h4{ color: #7f8082; margin-bottom: 20px; } .db-uploadwork-block p{ font-size: 12px; } .db-uploadwork-block p.title{ font-size: 14px; } .db-uploadwork-block h3{ color: #363636; line-height: 30px; } .db-uploadwork-detail{ margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #7f7e7f; margin-bottom: 20px; } .db-uploadwork-detail h6{ margin: 0; color: #000000; text-transform: uppercase; font-size: 14px; text-transform: uppercase; line-height: normal; } .db-uploadwork-detail p{ margin-bottom: 0; } .mybookmark-list{ margin-top: 50px; margin-bottom: 80px; } .mybookmark-item{ padding: 10px 0; } .mybookmark-sub-detail p{ font-size: 13px; } .mybookmark-item-image img{ width: 100%; } .workshop-btn{ margin-top: 5px; } .workshop-btn a{ background: #363636; display: block; font-size: 12px; color: #ffffff; font-family: 'telefonregular'; padding: 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 12px; text-align: center; } .workshop-btn a:hover{ background: #555555; } .mybookmark-item-detail h4{ margin-top: 0; display: inline-block; } .mybookmark-item-detail h4 span{ display: inline-block; color: #ffffff; padding: 2px 8px; background: #0672ba; margin-left: 5px; font-size: 11px; line-height: normal;float: right; margin-top: 5px; } .mybookmark-label-list li{ display: inline-block; float: left; vertical-align: middle; padding: 0 15px; border-left: 1px solid #444444; font-size: 13px; line-height: 15px; margin-bottom: 5px; } .mybookmark-label-list li:first-child{ padding-left: 0; border-left: none; } .mybookmark-label-list{ margin-bottom: 5px; } .mybookmark-item-detail p{ font-size: 12px; margin-bottom: 5px; } .da-filter-wrap{ margin-bottom: 20px; } .da-filter-wrap div.checker{ vertical-align: middle; } .da-filter-wrap label{ font-weight: normal; font-size: 13px; display: inline-block; vertical-align: middle; margin-left: 10px; } .da-searchbar{ -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; border: 1px solid #bdbdbd; display: inline-block; } .da-searchbar input[type="text"]{ border: none; outline: none; font-size: 13px; display: inline-block; vertical-align: middle; width: 560px; padding: 4px 10px; } .da-searchbar input[type="submit"]{ background: #363636; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0;color: #ffffff; border: none; outline: none; font-family: 'telefon_boldregular'; height: 30px; line-height: 30px; padding: 0 7px; display: inline-block; vertical-align: middle; } .da-searchbar input[type="submit"]:hover{ background: #555555; } .resource-list{ border-top: 1px solid #bdbdbd; margin-top: 15px; padding-top: 10px; } .resource-item{ padding: 10px 0; } .resource-post-no{ text-transform: uppercase; } .resource-post-no p{ margin-bottom: 0; } .resource-post-detail p{ font-size: 13px; padding-left: 50px; } .user-title-block-detail h3{ margin: 10px 0; } .user-title-block-detail{ display: inline-block; } .user-edit-btn{ background: #363636; display: block; font-size: 12px; color: #ffffff; font-family: 'telefonregular'; padding: 9px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 12px; text-align: center; font-size: 15px; float: right; } .user-edit-btn:hover{ background: #555555; color: #ffffff; } .user-title-block p{ margin-bottom: 0; } .user-contact-block{ padding: 10px 0; margin: 10px 0; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .user-contact-block h4, .user-project-block h4{ text-transform: uppercase; font-size: 15px; margin-bottom: 10px; margin-top: 0; } .user-contact-block p, .user-project-block p{ font-size: 13px; margin-bottom: 10px; } .faq-list li{ margin-bottom: 5px; } .page-template-tpl_highlight_stories .alm-reveal .item-5, .page-template-tpl_highlight_stories .alm-reveal .item-8 { clear: both; } /*29-1-2016 changes*/ .Page-Content ul li{font-size: 16px;} .wp-caption-text{font-size: 13px;margin-top: 9px;} @media print { .no-print { display: none !important; } #slideshow-1 .cycle-slideshow { margin: auto !important; text-align: left !important; width: 100% !important; position: relative; } #slideshow-1 .cycle-slideshow > div { float: left; position: inherit; height: auto !important; } #slideshow-1 .cycle-slideshow img { position: relative !important; transform: none !important; width: 100% !important; max-width: 100% !important; } .feature-inner-padding { padding: 0; } a[href]:after{content:none} .single-title .event-color-box { display: none; } .gform_wrapper { display: none; } } .loding-screen{ background-image: url('../images/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; } .content table{ font-size: 16px; } .content table td{ padding: 5px 10px 5px 0 !important; line-height: 24px; } .entry-content{ font-size: 16px; } .ui-datepicker-title select{ color: #333333; } .secondbtn { clear: left;} /* 06-03-2016 changes */ /* pop up */ .form_header{font-size: 14px; font-weight: normal ; color: #58595B; margin-bottom: 8px; letter-spacing: normal; line-height: normal;} .ignitiondeck.idc_lightbox .form-row label{padding:0; width:100% !important; font-size: 14px; font-weight: normal ; color: #58595B; margin-bottom: 8px; letter-spacing: normal; line-height: normal; text-transform: capitalize;} .ignitiondeck.idc_lightbox .form-row.submit input[type=submit], #fivehundred .ignitiondeck.idc_lightbox .form-row.submit input[type=submit]{max-width: 220px; font-family: 'telefon_boldregular'; display: inline-block; border: 5px solid #000000; color: #000000; font-size: 18px !important; text-align: center; text-transform: uppercase; padding: 6px 15px; background: none; display:inline-block} .ignitiondeck.idc_lightbox .form-row.submit{text-align: center;} .ignitiondeck.idc_lightbox .form-row.submit input[type=submit]:hover{color: #c74c17; border-color: #c74c17;} .ignitiondeck.idc_lightbox .form-row.total{padding-left: 0;} .idc_lightbox .total span{margin-top:0; border: none; outline: none !important; background-color: #f0f0f1; padding: 20px !important; font-size: 14px !important;} /*.ignitiondeck form .form-row.left{display: none;}*/ .idc_lightbox .project_image{border-radius: 10px 10px 0 0;} /* test checkout */ .memberdeck form .form-row label{font-size: 14px !important;font-weight: normal !important; color: #58595B; margin-bottom: 8px !important; display: inline-block !important; letter-spacing: normal !important; line-height: normal !important; text-transform: capitalize !important;} .memberdeck form .form-row input{border: none; outline: none !important; background-color: #f0f0f1; padding: 15px !important; font-size: 14px !important;} .memberdeck button{max-width: 220px; font-family: 'telefon_boldregular';display: inline-block; border: 5px solid #000000; color: #000000; font-size: 18px !important; text-align: center; text-transform: uppercase; padding: 6px 15px; background: none; display:inline-block; } .memberdeck button:hover{color: #c74c17; border-color: #c74c17; background: #ffffff;} .memberdeck .checkout-terms-wrapper{text-align: center !important; } .memberdeck form a{color: #c74c17;} .memberdeck .checkout-title-bar span.active{color: #ffffff; background: #52107C; border: none; padding-left: 15px; padding: 10px;} .memberdeck .checkout-title-bar span.active:after{border-bottom: none;} .memberdeck .checkout-title-bar span sup{padding-top: 11px;} .memberdeck .checkout-title-bar span.checkout-payment{padding: 10px 0 10px 15px;} .memberdeck .checkout-title-bar span.currency-symbol{padding: 10px;} .memberdeck form .payment-errors a{display: none;} .memberdeck a.reveal-login{width:70% !important;} .memberdeck form .finaldesc p{padding: 16px 20px;} .memberdeck .checkout-title-bar span.checkout-confirmation{padding: 10px 0 10px 15px;} .memberdeck form .payment-type-selector a:hover{border: 1px solid #2c3e50;} .memberdeck .checkout-header{font-size: 14px; font-weight: normal; color: #58595B;} .memberdeck .checkout-title-bar span sup{color:#C74C17;} .memberdeck form .form-row label{padding-left: 0px;} .memberdeck form .form-row.date{width: 32.5%; padding-left:4%;} .memberdeck form .finaldesc, .memberdeck form .finaldesc p{font-size: 16px;} .memberdeck .checkout-header{margin: 20px 0;} .memberdeck form .payment-type-selector a.active{border: 1px solid #2C3E50;} .memberdeck form .form-row.left { padding-right:0;} .confirm-screen .login-help,.confirm-screen .reveal-account {display:none;} /* thank you page */ .idc-social-sharing-box .idc-order-info h2{font-family: 'telefon_boldregular'; font-size: 42px !important; color: #000000; line-height: 43px;} .idc-social-sharing-box .idc-order-info .order-details-grid table .rowbg th{padding-top: 8px !important; height: 36px !important;} .idc-social-sharing-box .idc-order-info .print-details table .email{font-style: normal;} .idc-social-sharing-box .idc-order-info .order-details-grid table .total_price td{vertical-align: middle !important;} /* dashboard */ .memberdeck .dashboardmenu{background: #F7F7F7;} .memberdeck .dashboardmenu li:hover a, .memberdeck .dashboardmenu li.active a{background-color: #52107C; color: #ffffff;} .powered-by{ display:none;} /* 06-07-2016 */ .ignitiondeck form .form-row label span{border: none !important;} .ignitiondeck form .form-row label span.idc-dropdown{ margin-top: 0px; padding-left: 0px !important; line-height: 20px; margin: 10px 0 10px; padding: 8px 0 5px 8px; border: 1px solid #e7ebed; color: #90a4ae; float: none; width: 72% !important; display: inline-block !important; background: #f0f0f1; font-size:14px; } .ignitiondeck form .form-row div.selector{width:100% !important;} ul.ign_backer_list { transform: rotate(180deg); } ul.ign_backer_list li.backer_list_item { transform: rotate(-180deg); } /* 07-14-2016 WPELVES */ #gform_8 .address_state { margin-right: 2px!important; } #gform_8 .address_zip { padding-right: 0px!important; } /* .page-id-199 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px; padding-right: 5px; } */