.ctct-form-embed.form_0 .ctct-form-defaults {background: transparent !important; padding:0px !important; padding-top:15px !important} .ctct-form-custom label, #gdpr_text {display: none !important} div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {margin-bottom: 15px !important} #first_name_field_0 {float:left !important; width: 49% !important;} #last_name_field_0 {float:left !important; width: 49% !important; margin-left:2% !important } div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {border-radius:100px !important; border:none !important} .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {border-radius: 100px !important;background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ font-weight:600 !important; -webkit-font-smoothing: auto !important; font-size:18px !important; font-family: 'Open Sans', sans-serif !important; border:none !important } .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link { color: #eee !important; } .page-navigation {margin:0px auto; text-align: center;font-family: 'Open Sans', sans-serif; margin-top:90px;} .page-navigation .pages {margin-right:10px;} .page-navigation a {margin-left: 10px;color:#011258; background:#eee; padding:10px 18px; border-radius: 100px; font-weight: 400} .page-navigation a:hover { background:#EDBD36; color:#fff;} .page-navigation .current {margin-left:10px; background:#EDBD36; color:#fff;padding:10px 18px; border-radius: 100px; font-weight: 400} .page-navigation a.last {border:none} #responsive-menu-container #responsive-menu li.responsive-menu-item a {text-decoration: none !important} .wpcf7 input, .wpcf7 textarea { width: 95%; border: none; height: 50px; border-radius: 100px; background: #eee; margin-top: 10px;} .wpcf7 input[type="submit"] { border: 2px solid #EDBD36; color: #fff; background: #EDBD36; font-weight: 600; font-size: 18px; padding: 14px 50px; border-radius: 50px; width:auto} .wpcf7 input[type="submit"]:hover { background: #011258; border-color:#011258; color:#fff} .kopa-e-list, .main-nav-mobile, .top-main-nav-mobile, .kopa-portfolio-list-1-widget .filters-options, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options { list-style: none; padding: 0; } .kopa-e-list ul, .main-nav-mobile ul, .top-main-nav-mobile ul, .kopa-portfolio-list-1-widget .filters-options ul, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options ul, .kopa-e-list ol, .main-nav-mobile ol, .top-main-nav-mobile ol, .kopa-portfolio-list-1-widget .filters-options ol, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options ol { list-style: none; padding: 0; } .kopa-e-list li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .top-main-nav-mobile .top-main-menu-mobile li:first-child { margin: 0; padding: 0; border: 0; } .mb-5:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-40:before, .mb-50:before, .mb-60:before, .mb-80:before, .pd-20:before, .wrapper:before, .kopa-e-list.list-order li:before, .outer:before, .main-nav-mobile .main-menu-mobile:before, .top-main-nav-mobile .top-main-menu-mobile:before, .kopa-portfolio-list-1-widget .filters-options:before, .kopa-portfolio-list-1-widget .portfolio-container:before, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:before, .kopa-portfolio-list-2-widget .portfolio-container:before, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .mb-80:after, .pd-20:after, .wrapper:after, .kopa-e-list.list-order li:after, .outer:after, .main-nav-mobile .main-menu-mobile:after, .top-main-nav-mobile .top-main-menu-mobile:after, .kopa-portfolio-list-1-widget .filters-options:after, .kopa-portfolio-list-1-widget .portfolio-container:after, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:after, .kopa-portfolio-list-2-widget .portfolio-container:after { content: ""; display: table; } .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .mb-80:after, .pd-20:after, .wrapper:after, .kopa-e-list.list-order li:after, .outer:after, .main-nav-mobile .main-menu-mobile:after, .top-main-nav-mobile .top-main-menu-mobile:after, .kopa-portfolio-list-1-widget .filters-options:after, .kopa-portfolio-list-1-widget .portfolio-container:after, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:after, .kopa-portfolio-list-2-widget .portfolio-container:after { clear: both; } a, .mask, .nav-tabs.kopa-tabs-2 > li:before, .panel-group .panel .panel-heading > .panel-title, .toggle-view li h6, .toggle-view li h6 i, .toggle-view li span, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .pro-bar-wrapper .pro-bar-container .pro-bar p, .social-links li, .owl-theme .owl-controls, .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-pagination .owl-page span, #top-nav #top-menu li a i, #top-nav .kopa-search-box form.search-form, #top-nav .kopa-search-box form.search-form button.search-submit i, .kopa-language, .kopa-language > i, .kopa-language > button, #main-menu > li, #main-menu > li > a:before, #main-menu li .sf-mega .row > div .entry-item .entry-thumb .mask, .mobile-search-box .mobile-search-form button.search-submit, .widget .widget-title.widget-title-s2 .see-more, .widget .widget-title.widget-title-s3 .see-more, .widget .widget-title.widget-title-s11 .see-more, .widget_categories ul li:before, .kopa-newsletter-widget .newsletter-form .input-email input[type="text"], .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"], .more-link i, .more-link i:before, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .mask, .kopa-course-search-widget .course-form .row > div .select-block select, .kopa-course-search-widget .course-form .row > div .select-block select:focus, .kopa-course-search-widget .course-form .course-submit, .kopa-course-search-2-widget .course-form .select-block select, .kopa-course-search-2-widget .course-form .select-block select:focus, .kopa-course-search-2-widget .course-form .course-submit, .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask, .load-more, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask, .kopa-course-list-3-widget .kopa-course-list-table .table-list li, .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon span, .kopa-area .widget_nav_menu ul li, .kopa-event-list-4-widget .entry-item, .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li, .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item, .kopa-portfolio-list-1-widget .filters-options li, .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span:before, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content, .search-form .search-submit, #respond .comment-form .row > div .input-block input[type="text"], #respond .comment-form .row > div .textarea-block textarea, #respond .comment-form .row > div .comment-button input[type="submit"], .kopa-spinner .ui-spinner a.ui-spinner-up:before, .kopa-spinner .ui-spinner a.ui-spinner-down:before, .kopa-faq-section .faq-filter ul li a:before, .kopa-login-widget input[type="submit"], #contact-form .contact-form .row > div .input-block input[type="text"], #contact-form .contact-form .row > div .textarea-block textarea, #contact-form .contact-form .row > div .contact-button input[type="submit"], .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce ul.products li.product .product-detail > a h3, .woocommerce-page ul.products li.product .product-detail > a h3, .woocommerce div.product div.summary form.cart .quantity .minus, .woocommerce-page div.product div.summary form.cart .quantity .minus, .woocommerce div.product div.summary form.cart .quantity .plus, .woocommerce-page div.product div.summary form.cart .quantity .plus, .woocommerce div.product div.summary form.cart .quantity .qty, .woocommerce-page div.product div.summary form.cart .quantity .qty, .woocommerce div.product div.summary form.cart .single_add_to_cart_button, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button { transition: all .3s, visibility 0s; -ms-transition: all .3s, visibility 0s; -webkit-transition: all .3s, visibility; -moz-transition: all .3s, visibility 0s; } .kopa-tab-container-5 .kopa-tabs-5 li a:before, .kopa-button.kopa-button-icon:before, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .main-nav-mobile .main-menu-mobile > li > a > span:after, .top-main-nav-mobile .top-main-menu-mobile > li > a > span:after, .entry-icon span:before, .widget_categories ul li:before, .kopa-article-list-9-widget ul li .entry-item .more-link, .kopa-area .widget_nav_menu ul li a:before, .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a:before, #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in:before, .widget_archive > ul > li:before, .widget_nav_menu > ul > li:before, .widget_pages > ul > li:before, .widget_meta > ul > li:before, .widget_recent_comments > ul > li:before, .widget_nav_menu ul.menu > li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } p.reset { margin: 0; } p:last-child { margin: 0; } /**1.2 Repeatable Patterns**/ ::selection { background: #011258; color: #fff; text-shadow: none; } ::-moz-selection { background: #EDBD36; color: #fff; text-shadow: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } strong, b {color: #011258; font-family: 'Montserrat', sans-serif; font-size: 16px;font-weight: 600} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; font-weight: 600; display: block; margin: 0 0 10px; color:#011258; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#011258} h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em { font-weight: 300; } h1 { font-size: 4.5rem; line-height: 5.5rem; } h2 { font-size: 3.5rem; line-height: 4.5rem; margin-bottom: 2rem } h3 { font-size: 2.7rem; line-height: 3.7rem; margin-bottom: 2rem } h4 { font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 1rem } h5 { font-size: 1.8rem; line-height: 2.5rem; } h6 { font-size: 1.4rem; line-height: 2rem; } a { color: #333; text-decoration: none !important; outline: none !important; } ul li a { color: #011258; text-decoration: underline !important; outline: none !important; font-weight: 400; } ul li a:hover { color:#EDBD36 } #side-sub-nav ul li a, #main-nav ul li a, #top-menu li a, #bottom-sidebar ul li a{text-decoration: none !important} p a { color: #011258; text-decoration: underline !important; outline: none !important; font-weight: 400; } p a:hover {color:#EDBD36} #bottom-sidebar p a {color:#ccc} #bottom-sidebar p a:hover {color:#EDBD36} a:hover, a.active { text-decoration: underline; } a:focus { outline: none; color:#011258 } ol { counter-reset: item; display: block; margin: 5px 0; padding: 0 0 0 40px; } ul { list-style-type: square; margin: 5px 0px; padding: 0 0 0 40px; } ul li { list-style-type: inside square; margin-bottom: 10px; } ul li > ol > li { list-style: inside decimal; } ol li ol li, ul li ol li ol li { list-style: lower-alpha inside none; } ol li { list-style: inside decimal; margin-bottom: 10px; } ol li > ul, ul li > ol { margin-top: 10px; margin-left: 10px; } ol li > ul > li { list-style: inside square; } select { appearance: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .nopadding { padding: 0 !important; margin: 0 !important; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .entry-box .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; height: auto; border-radius:3px; } .entry-box .entry-content address { font-style: italic; } textarea { resize: vertical; } img { max-width: 100%; height: auto; } .text-light { font-weight: 300; } input { outline: none !important; } cite, em, var, address, dfn { font-style: italic; } i { font-style: normal; } p i { font-style: italic; } ::-webkit-input-placeholder { color: #637587; } :-moz-placeholder { /* Firefox 18- */ color: #637587; } ::-moz-placeholder { /* Firefox 19+ */ color: #637587; } :-ms-input-placeholder { color: #637587; } /**1.3 Basic Structure **/ html { overflow-x: hidden; } body { font-family: "Open Sans", sans-serif; background: #fff; overflow: hidden; letter-spacing: .2px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .pd-20 { padding: 20px; position: relative; } .wrapper { width: 1110px; margin: 0 auto; position: relative; } .kopa-area { position: relative; } .kopa-area-light { background-color: #f2f4f5; } .kopa-area-dark { background-color: #EDBD36; } .kopa-area-dark .widget { color: #fff; } .kopa-area-dark .widget .widget-title { color: #fff; } .kopa-area-parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover !important; } .span-bg { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(23, 55, 110, 0.7); } .span-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19, 16, 47, 0.4); } .kopa-area-4 .row { background-color: #fafafa; overflow: hidden; } .kopa-area-4 .row > div:last-child { background-color: #fff; } .kopa-area-4 .left-col { padding: 60px 0 60px 15px; } .kopa-area-4 .right-col { padding: 60px 15px; position: relative; } .kopa-area-5 { position: relative; } .kopa-area-6 { padding-bottom: 50px; } .kopa-area-7 { padding-top: 50px; } .kopa-area-8 { padding: 30px 0; } .kopa-area-9 { background-size: cover; } .kopa-area-9 .mask { background-color: rgba(38, 44, 86, 0); } .bottom-section .row { margin-right: 0; margin-left: 0; } .bottom-section .row > div { padding-left: 0; padding-right: 0; } .bottom-section .row > div:first-child { padding-left: 9%; padding-right: 30px; padding-top: 70px; padding-bottom: 70px; } .kopa-area-13 .row { margin-top: 100px; } .kopa-area-13 .row:first-child { margin-top: 0; } .kopa-area-16 { position: relative; padding: 75px 0 60px; } .home .mask { background-color: rgba(0, 0, 0, .2); } .kopa-area-17 { position: relative; padding: 75px 0; } .kopa-area-17 .mask { background-color: rgba(6, 26, 53, 0.7); } .kopa-area-17 .widget .widget-title.widget-title-s5 h2, .kopa-area-17 .widget .widget-title.widget-title-s5 p { color: #fff; } .kopa-area-19 { position: relative; padding: 75px 0 60px; background-size: cover; } .kopa-area-21 { position: relative; } .kopa-area-21 .mask { background-color: rgba(34, 39, 77, 0.8); } .kopa-area-21 .widget .widget-title.widget-title-s5 { margin-bottom: 40px; } .kopa-area-21 .widget .widget-title.widget-title-s5 h2, .kopa-area-21 .widget .widget-title.widget-title-s5 p { color: #fff; } .kopa-area-22 { padding: 30px 0; background-color: #f1f2f2; } .kopa-area-23 { position: relative; } .kopa-area-23 .mask { background-color: rgba(34, 39, 77, 0.8); } .kopa-area-23 .widget .widget-title.widget-title-s5 { margin-bottom: 40px; } .kopa-area-23 .widget .widget-title.widget-title-s5 h2, .kopa-area-23 .widget .widget-title.widget-title-s5 p { color: #fff; } .kopa-area-24 { position: relative; } .kopa-area-24 .mask { background-color: rgba(46, 91, 149, 0.8); } .kopa-area-404 { position: relative; padding: 135px 0; } .kopa-area-404 .mask { background-color: rgba(8, 10, 30, 0.9); } /**1.4 Elements **/ .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {background-color: #fff !important} .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list {text-align: center;} .wpb-js-composer .vc_tta.vc_general .vc_tta-tab.vc_active > a {font-family: "Open Sans", sans-serif; font-size:21px; font-weight: 400; padding:14px 60px !important; color: #EDBD36 !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:focus, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {background-color:#fff !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {font-family: "Open Sans", sans-serif; font-size:21px; font-weight: 400; padding:14px 60px !important; background-color: #22284F !important; color: #fff !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {color: #EDBD36 !important} .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab {margin-right:5px !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a, .wpb-js-composer .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {border:none !important} .wpb-js-composer .vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container, .wpb-js-composer .vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-modern .vc_tta-tabs-container { margin-bottom:1px !important} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {padding:0px !important} .grecaptcha-badge { display: none; } #white h2, #white h3, #white h4 {color:#011258 !important} .price {color: #EDBD36; font-size: 24px; font-weight: 600;} #white p {color:#333 !important} #white .checklist li, #white .bullets li { color:#333 } #white .checklist li a, #white .bullets li a { color:#011258; text-decoration: underline !important; cursor: pointer } #white .checklist li a:hover, #white .bullets li a:hover { color:#EDBD36; } .wpb_content_element {margin-bottom: 0px;} .vc_row {padding:60px 0px;} #upside-page-content .vc_row:first-child {padding:0px 0px 60px;} .five-columns.vc_row .vc_col-sm-2 { float: left; width: 18.5%; padding: 0; margin-right: 1.5%; min-height: 0; } .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) { margin-right: 0; } .publications-link { width: 100%;padding: 20px 30px 30px 30px;border-radius: 5px; background:#eee; margin-bottom:15px; position: relative;border:1px solid #eee } .publications-link:hover { background:#fff; border:1px solid #e2e2e3 } .publications-link:hover h3{ color:#EDC833; } .publications-link .more_link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .wpb_column .vc_column_container>.vc_column-inner, .vc_col-has-fill>.vc_column-inner {padding-left: 35px;padding-right: 35px;} #side-sub-nav {padding:30px; background:#eee; border-radius: 0px 0px 5px 5px} #side-sub-nav ul {list-style: none; padding-left:0px;} #side-sub-nav ul li { border-bottom: 1px solid #ccc; margin-bottom: 0px; padding-bottom: 10px; padding-left:10px; padding-top:10px;margin-top:0px; line-height: 25px} #side-sub-nav ul li a { color:#011258; font-size: 16px; font-weight: 400; cursor: pointer} #side-sub-nav ul li a:hover { color:#EDBD36;} #side-sub-nav ul li:hover {background: #fff;} #bottom-sidebar .widget_nav_menu {margin-top:0px} .widget_nav_menu {margin-top:35px;} .sf-mega .widget_nav_menu {margin-top:5px;} .vc_btn3-container { display: inline-block !important; margin-right: 10px !important; margin-top:30px !important } #bottom-sidebar .fa { font-size: 20px; width: 40px; text-align: center; text-decoration: none; border-radius: 50%; height: 40px; line-height: 40px; margin-right: 5px; } /* Add a hover effect if you want */ #bottom-sidebar .fa:hover { opacity: 0.7; } /* Set a specific color for each brand */ /* Facebook */ #bottom-sidebar .fa-facebook { background: #3B5998; color: white; } /* Twitter */ #bottom-sidebar .fa-twitter { background: #55ACEE; color: white; } #bottom-sidebar .fa-youtube { background: #FF0000; color: white; } #bottom-sidebar .fa-instagram { background: #E1306C; color: white; } #bottom-sidebar .fa-spotify { background: #1DB954; color: white; } div#side-sub-nav:before { content: "Quick Nav"; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; color: #011258; padding-left: -10px; position: relative; left: -4px; top: 10px; font-weight: 400; } p { margin-bottom: 2.5rem; line-height: 2.5rem; } /*----- Mask -----*/ .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.1); } .mask-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#fff /*- background-color: rgba(6, 22, 47, 0.4); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-image: url(https://dev.hmgcreative.com/tepsa/wp-content/uploads/2018/04/interior-header.jpg); background-position: center;*/ } /*----- Tabs -----*/ .nav-tabs.kopa-tabs-1 { border-bottom: none; margin: 0; padding: 0px; background-color: #fff; } .nav-tabs.kopa-tabs-1 > li { margin: 0; border-right: 2px solid #fff; line-height: 0; } .nav-tabs.kopa-tabs-1 > li a { position: relative; padding: 0; margin: 0; border: none !important; border-radius: 5px 5px 0 0; display: block; padding: 10px 30px; font-size: 16px; background-color: #eeeeee; line-height: 20px; } .nav-tabs.kopa-tabs-1 > li.active a, .nav-tabs.kopa-tabs-1 > li:hover a { color: #fff; } .tab-content { background-color: #fff; padding: 20px 30px 30px; border: 1px solid #eeeeee; } .tab-content .tab-pane > p { font-size: 16px; line-height: 24px; margin-bottom: 20px; } .kopa-tab-container-3 { background-size: cover; position: relative; } .kopa-tab-container-3.row { margin-left: 0; margin-right: 0; } .kopa-tab-container-3.row > div { padding-left: 0; padding-right: 0; } .kopa-tab-container-3 .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(57, 47, 85, 0.4); } .kopa-tab-container-3 .tab-content { background-color: transparent; color: #fff; } .kopa-tab-container-3 .tab-content p { margin-bottom: 20px; } .nav-tabs.kopa-tabs-3 { margin: 0px; padding: 0; border: none; } .nav-tabs.kopa-tabs-3 > li { padding: 0; margin: 1px 0 0; float: none; } .nav-tabs.kopa-tabs-3 > li a { border: none !important; margin-right: 0; border-radius: 0; font-size: 14px; line-height: 26px; padding: 12px 30px; color: #fff; } .nav-tabs.kopa-tabs-3 > li:first-child { margin: 0; } .nav-tabs.kopa-tabs-3 > li.active a { background-color: rgba(234, 233, 241, 0.4); } .kopa-tab-container-4, .kopa-tab-container-2 { position: relative; } .nav-tabs.kopa-tabs-2 { padding: 10px 0; margin: 0px; border: none !important; } .nav-tabs.kopa-tabs-2 > li { padding: 0; float: left; margin: 0 0 0 10px; list-style: none; position: relative; } .nav-tabs.kopa-tabs-2 > li a { border: none !important; border-radius: 50px; padding: 0 20px; line-height: 30px; display: block; text-align: center; margin: 0; } .nav-tabs.kopa-tabs-2 > li.active a { color: #fff; position: relative; z-index: 1; } .nav-tabs.kopa-tabs-2 > li.active:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .nav-tabs.kopa-tabs-2 > li:before { content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid; bottom: -5px; left: 50%; margin-left: -4px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-tab-container-4 { padding-top: 170px; } .kopa-tab-container-4 .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(57, 47, 85, 0.4); z-index: 0; } .kopa-tab-container-4 .kopa-tabs-4 { position: relative; z-index: 1; margin: 0; padding: 0 15px; border: none !important; } .kopa-tab-container-4 .kopa-tabs-4 li { float: left; margin: 0 0 0 3px; list-style: none; } .kopa-tab-container-4 .kopa-tabs-4 li a { border-radius: 0; display: block; border: none !important; background-color: rgba(57, 47, 85, 0.3); color: #fff; line-height: 20px; padding: 15px 20px; margin: 0; } .kopa-tab-container-4 .kopa-tabs-4 li.active a { background-color: #fff; } .kopa-tab-container-4 .tab-content { position: relative; z-index: 1; } .kopa-tab-container-5 { margin-left: 0px; margin-right: 0px; } .kopa-tab-container-5 > div, .kopa-tab-container-5 > ul { padding-left: 0px; padding-right: 0px; } .kopa-tab-container-5 .kopa-tabs-5 { position: relative; z-index: 1; margin: 0; border-right: none !important; border-top: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; background-color: #f2f4f5; } .kopa-tab-container-5 .kopa-tabs-5 li { float: none; margin: 0; list-style: none; } .kopa-tab-container-5 .kopa-tabs-5 li a { border-radius: 0; display: block; border: none !important; padding: 15px 20px 15px 40px; margin: 0; position: relative; } .kopa-tab-container-5 .kopa-tabs-5 li a:before { content: "\f067"; position: absolute; left: 20px; top: 21px; font-size: 8px; } .kopa-tab-container-5 .kopa-tabs-5 li.active a, .kopa-tab-container-5 .kopa-tabs-5 li:hover a { color: #fff; } .kopa-tab-container-5 .tab-content { position: relative; z-index: 1; padding: 30px; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 { margin: 0; border-bottom: none !important; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li { margin: 0 0 30px; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li > a { background-color: #3a2f57; color: #fff; border-radius: 0; margin: 0 5px 0 0; text-transform: uppercase; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li.active a { border: none !important; } /*----- DropCap -----*/ .kp-dropcap-1 { display: inline-block; float: left; font-size: 42px; line-height: 48px; margin: 0 15px 0 0; text-align: center; font-weight: 400; } .kp-dropcap-2 { display: inline-block; float: left; font-size: 30px; line-height: 44px; width: 44px; border-radius: 50%; margin: 0px 15px 0 0; text-align: center; color: #fff; font-weight: 400; } /*----- Bootstrap collapse -----*/ .panel-group { margin-bottom: 0px; } .panel-group .panel { background: none; border-radius: 5px; box-shadow: none; border: 1px solid #e2e2e3; margin: 0 0 20px 0 !important; } .panel-group .panel .panel-heading { position: relative; border-radius: 0; background: #fff; padding: 0; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading > .panel-title a { font-weight: 300; font-size: 14px; text-transform: none; display: block; padding: 12px 60px 12px 20px; } .panel-group .panel .panel-heading > .panel-title a .btn-title { display: block; background-color: #f2f4f5; cursor: pointer; margin: 0; right: 20px; top: 15px; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; position: absolute; } .panel-group .panel .panel-heading > .panel-title a .btn-title:before { content: ""; width: 8px; height: 2px; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -1px; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading > .panel-title a .btn-title:after { content: ""; width: 2px; height: 8px; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -4px; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading.active > .panel-title a, .panel-group .panel .panel-heading:hover > .panel-title a { color: #fff; } .panel-group .panel .panel-heading.active > .panel-title a .btn-title, .panel-group .panel .panel-heading:hover > .panel-title a .btn-title { background-color: #fff; } .panel-group .panel .panel-heading.active > .panel-title a .btn-title:after, .panel-group .panel .panel-heading:hover > .panel-title a .btn-title:after { display: none; } .panel-group .panel .panel-body { padding: 20px; border-top: 0 !important; } .kopa-accordion.style1 .panel-group .panel { border: none; border-radius: 0; border-bottom: 1px solid #e2e2e3; padding-bottom: 20px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a { padding: 10px 20px 10px 70px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a .btn-title { right: auto; left: 0; border-radius: 5px; top: 0; width: 50px; height: 50px; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title { background-color: #fff; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title:before, .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title:after, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title:before, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title:after { background-color: #fff; } .kopa-accordion.style1 .panel-group .panel .panel-body { padding: 20px 20px 0 70px; } /*----- Toggle -----*/ .toggle-view { margin: 0; padding: 0; } .toggle-view li { padding: 0; cursor: pointer; position: relative; float: none; margin: 15px 0 0; list-style: none; border-top: none; } .toggle-view li:first-child { margin-top: 0; } .toggle-view li h6 { font-size: 15px; font-weight: 300; line-height: 40px; padding: 0 15px; margin: 0; background-color: #eeeeee; font-family: "Open Sans", sans-serif; color: #637587; } .toggle-view li h6 i { color: #73c5db; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; width: 0; } .toggle-view li span { display: none; position: absolute; right: 0px; top: 15px; color: #aaa; font-size: 10px; } .toggle-view li .kopa-panel { display: none; background-color: #fff; padding: 15px; margin: 0; } .toggle-view li.active h6, .toggle-view li:hover h6 { color: #fff; } .toggle-view li.active span, .toggle-view li:hover span { color: #fff; right: 10px; } .toggle-view.kopa-toggle-2 li h6 { background-color: transparent; padding: 0; text-transform: uppercase; font-size: 14px; color: #EDBD36; } .toggle-view.kopa-toggle-2 li.active h6, .toggle-view.kopa-toggle-2 li:hover h6 { background-color: #EDBD36; color: #fff; padding: 0 10px; } .toggle-view.kopa-toggle-2 li.active h6 i { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; margin-right: 8px; width: auto; } .toggle-view.kopa-toggle-2 li span { display: block; } .toggle-view.kopa-toggle-2 li .kopa-panel { padding: 5px 15px; } .toggle-view.kopa-toggle-2 li .kopa-panel p { margin-bottom: 0; border-top: 1px solid #dde5f3; } .toggle-view.kopa-toggle-2 li .kopa-panel p:first-child { border-top: none; } .toggle-view.kopa-toggle-2 li .kopa-panel p a { padding: 5px 0 !important; } .kopa-toggle-3.toggle-view li h6 { padding-right: 40px; } .kopa-toggle-3.toggle-view li span { background-color: transparent; right: 10px; } .kopa-toggle-3.toggle-view li.active h6 { color: #fff; } .kopa-toggle-3.toggle-view li .kopa-panel { padding-right: 40px; } /*----- Progress bar -----*/ .progress { box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; background-color: #d3d3d3; margin-bottom: 30px; height: 44px; border-radius: 0; position: relative; overflow: visible; } .progress span { position: absolute; left: 20px; top: 0; line-height: 44px; font-family: "Open Sans", sans-serif; font-size: 20px; font-weight: 300; text-transform: uppercase; } .progress strong { font-size: 40px; line-height: 44px; position: absolute; right: -25%; top: 0; font-family: "Open Sans", sans-serif; } /*----- Divider -----*/ .kopa-divider-shadow { width: 100%; height: 7px; margin: 20px 0; position: relative; } .kopa-divider-shadow:before { width: 50%; left: auto; right: 0; position: absolute; content: ""; top: 0; height: 7px; } .kopa-divider-shadow:after { height: 7px; left: 0; width: 50%; position: absolute; content: ""; top: 0; } .kopa-divider-line { position: relative; height: 1px; width: 100%; margin: 20px 0; } .kopa-divider-dotted { position: relative; height: 1px; width: 100%; border-top: 1px dotted; margin: 20px 0; } .kopa-divider-dashed { position: relative; height: 1px; width: 100%; border-top: 1px dashed; margin: 20px 0; } .kopa-divider-fat-line { position: relative; height: 2px; width: 100%; margin: 20px 0; } /*----- Buttons -----*/ .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { display: inline-block; border-radius: 50px; position: relative; font-size: 18px; padding: 14px 50px; border: none; font-weight: 600; color:#fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus { display: inline-block; color:#fff; background:#011258; } .kopa-button { display: inline-block; color: #fff; border-radius: 50px; position: relative; font-weight: 600; } .kopa-button.small-button { font-size: 14px; padding: 10px 30px; } .kopa-button.medium-button { font-size: 18px; padding: 16px 50px; } .kopa-button.large-button { padding: 17px 20px; font-size: 18px; line-height: 22px; } .kopa-button.pink-button {text-decoration: none !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ border-color:#EDBD36} .kopa-button.pink-button, .kopa-button.navy-button:hover { color: #fff; } .kopa-button.navy-button, .kopa-button.pink-button:hover, .kopa-button.blue-button:hover, .kopa-button.green-button:hover, .kopa-button.red-button:hover { color: #fff; background: #011258 !important; border-color: #011258 } .kopa-button.blue-button { background-color: #EDBD36; } .kopa-button.purple-button { color:#fff; background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ text-decoration: none !important; } .kopa-button.purple-button:hover { color:#fff; background: #011258; font-weight: 600; } .kopa-button.green-button { background-color: #54ca90; } .kopa-button.red-button { background-color: #b82626; } .kopa-button.kopa-line-button { border-style: solid; border-width: 1px; } .kopa-button.kopa-line-button.pink-button, .kopa-button.kopa-line-button.navy-button:hover { background-color: #fff; } .kopa-button.kopa-line-button.navy-button, .kopa-button.kopa-line-button.pink-button:hover, .kopa-button.kopa-line-button.blue-button:hover, .kopa-button.kopa-line-button.green-button:hover, .kopa-button.kopa-line-button.red-button:hover { background-color: #fff; } .kopa-button.kopa-line-button.blue-button { border-color: #EDBD36; color: #EDBD36; background-color: #fff; } .kopa-button.kopa-line-button.green-button { border-color: #54ca90; color: #54ca90; background-color: #fff; } .kopa-button.kopa-line-button.red-button { border-color: #b82626; color: #b82626; background-color: #fff; } .kopa-button.kopa-line-button.small-button { padding: 7px 19px; } .kopa-button.kopa-line-button.kopa-button-icon { padding-left: 9px; } .elements-box .kopa-button { margin-right: 5px; margin-bottom: 10px; } audio { display: block; width: 100%; } .kopa-soundcloud-shortcode iframe { width: 100%; border: none; } /*----- Blockquotes -----*/ .kopa-blockquote-1 { background-color: #f2f4f5; font-size: 16px; border-left: 4px solid; padding: 30px; border: none; } .kopa-blockquote-1 p { position: relative; padding: 75px 35px 25px 35px; line-height: 24px; font-style: italic; } .kopa-blockquote-1 p i { font-size: 30px; color: #fff; margin: 0 12px 0 0 !important; width: 57px; height: 57px; line-height: 57px; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: 0; left: 0; } .kopa-blockquote-1 h4 { font-weight: 400; margin: 20px 0 5px; padding: 0 35px; } .kopa-blockquote-1 span { text-transform: uppercase; padding: 0 35px; } .kopa-blockquote-2 { border-left: 3px solid #f2f4f5; padding-top: 5px; padding-bottom: 5px; } .kopa-blockquote-2 p { font-size: 15px; line-height: 24px; } .kopa-blockquote-3 { font-size: 21px; line-height: 27px; font-weight: 300; border: none; padding: 0 20px; position: relative; } .kopa-blockquote-3 p { font-size: 21px; line-height: 27px; margin-bottom: 20px; position: relative; text-align: center; } /*----- Pricing Tables -----*/ .table-5col .pricing-column { float: left; width: 16.5%; } .table-5col .pricing-column:first-child { float: left; width: 50%; } .table-5col .pricing-column:first-child p { text-align: left; } .table-5col .pricing-column .pricing-header { color: #fff; padding: 15px 0; font-size:18px; font-weight: 400; } .table-5col .pricing-column .features { padding: 0; margin: 0; border-left: 1px solid #eee; background-color: #fff; } .table-5col .pricing-column .features li { float: none; margin: 0; list-style: none; border-bottom: 1px solid #eee; } .ads {background: #eee; padding:60px 10px 30px; margin-bottom: 0px;} .checklist, .bullets, .entry-content ul, .wpb_text_column ul { padding-left:1.5rem; margin-bottom: 10px; } .checklist li, .bullets li, .entry-content ul li, .wpb_text_column ul li { list-style-type:none; padding-left:3rem; margin-bottom:0px; padding-bottom:10px; line-height: 2.5rem } .title-sub-heading { font-weight: 400; color: #021556; font-size: 19px; font-style: italic; margin-top:-5px;} .checklist li:before { font-family: 'FontAwesome'; content: "\f00c"; margin:0 13px 0 -28px; color: #EDBD36; font-size: 14px; } .bullets li:before, .entry-content ul li:before, .wpb_text_column ul li:before { font-family: 'FontAwesome'; content: '\f111'; margin:0 18px 0 -28px; color: #EDBD36; font-size: 8px; } .error404 .mask {display: none} #side-sub-nav ul li:before, .searchandfilter ul li:before, .pricing-column ul li:before {content:''; display: none} .searchandfilter ul li, .pricing-column ul li {padding-left: 0px} .single-event #side-sub-nav ul li a { padding-left: 10px; } .table-5col .pricing-column .features li { float: none; margin: 0; list-style: none; border-bottom: 1px solid #eee; } .table-5col .pricing-column .features li p { margin: 0; padding: 15px 15px; } .table-5col .pricing-column .features:first-child li p { text-align: center } .table-5col .pricing-column .features li p i.fa-close { color: #011258; } .table-5col .pricing-column .features li:nth-child(even) { background-color: #f7f7f7; } .table-5col .pricing-column:first-child .features, .table-5col .pricing-column:first-child .pricing-footer { border-left: none; } .table-5col .pricing-column .pricing-footer { background-color: #fff; padding: 8px; min-height: 58px; border-left: 1px solid #eee;} .table-5col .pricing-column .pricing-footer .kopa-button { margin: 0; font-size: 18px; font-weight: 600 } .table-4col .pricing-column .pricing-column-inner { background-color: #fff; border: 1px solid #eeeeee; } .table-4col .pricing-column .pricing-column-inner .pricing-header { position: relative; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special { position: absolute; right: 2px; top: 82px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special:before { content: ''; position: absolute; border-left: 80px solid transparent; border-right: 0px solid transparent; border-top: 80px solid #fff; bottom: 0; left: 50%; margin-left: -80px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special span { font-size: 15px; font-weight: 500; font-family: "Open Sans", sans-serif; text-transform: uppercase; position: absolute; left: -45px; top: -65px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title { font-weight: 400; font-size: 25px; line-height: 31px; padding: 30px 0; margin: 0 18px; border-bottom: 2px solid rgba(255, 255, 255, 0.3); color: #fff; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price { padding: 30px 0; color: #fff; font-weight: 300; font-size: 13px; line-height: 1; position: relative; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span { font-weight: 400; font-size: 64px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span sup { font-size: 25px; font-weight: 400; top: -1em; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; bottom: -10px; left: 50%; margin-left: -10px; } .table-4col .pricing-column .pricing-column-inner .features { margin: 0; padding: 20px 18px; } .table-4col .pricing-column .pricing-column-inner .features li { float: none; margin: 0; list-style: none; padding: 15px 18px; border-bottom: 1px solid #eeeeee; } .table-4col .pricing-column .pricing-column-inner .features li p { margin: 0; color: #a7aebf; } .table-4col .pricing-column .pricing-column-inner .pricing-footer { padding: 0 15px 15px; } .table-4col .pricing-column .pricing-column-inner .pricing-footer a { padding: 10px 40px; border: 1px solid; border-radius: 0; } .table-4col .pricing-column .pricing-column-inner .pricing-footer a:hover { background-color: #fff; } .table-3col .pricing-column .pricing-column-inner { background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 5px; font-size: 16px; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title { text-transform: uppercase; font-size: 18px; line-height: 24px; padding: 15px 0; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price { background-color: #3f3454; padding: 20px 0; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner { width: 110px; height: 110px; border-radius: 50%; border: 2px solid #dedede; line-height: 106px; font-weight: 400; color: #fff; display: inline-block; background: -webkit-radial-gradient(#bebebe 1%, #7b47b6 99%); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(#bebebe 1%, #7b47b6 99%); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#bebebe 1%, #7b47b6 99%); /* For Firefox 3.6 to 15 */ background: radial-gradient(#bebebe 1%, #7b47b6 99%); /* Standard syntax */ } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span { font-size: 24px; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span sup { font-size: 14px; top: -0.75em; } .table-3col .pricing-column .pricing-column-inner .features { margin: 0; padding: 30px 0; } .table-3col .pricing-column .pricing-column-inner .features li { float: none; margin: 0; list-style: none; padding: 10px 15px; } .table-3col .pricing-column .pricing-column-inner .features li p { margin: 0; font-size: 16px; } .table-3col .pricing-column .pricing-column-inner .pricing-footer { padding: 0 15px 15px; background-color: #fff; border-radius: 0 0 3px 3px; } .table-3col .pricing-column .pricing-column-inner .pricing-footer a { margin: 0; display: block; padding: 10px 30px; border: none; color: #fff; background-color: #8374ac; } .table-3col .pricing-column .pricing-column-inner .pricing-footer a:hover { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } .table-3col .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } /*----- Lists -----*/ .kopa-e-list { margin: 0; font-size: 15px; letter-spacing: 1px; } .kopa-e-list li { margin-top: 10px; } .kopa-e-list li > span { font-size: 16px; margin-right: 10px; } .kopa-e-list li .order-num { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 20px; color: #fff; float: left; margin-right: 15px; margin-top: -2px; padding: 5px 8px; } .kopa-e-list li .order-num:before { display: none; } .kopa-e-list.list-unorder { list-style: disc inside; } .kopa-e-list.list-unorder p { display: inline; } .kopa-e-list.list-order li { margin-top: 12px; } .kopa-e-list.kopa-plus-list li span { font-size: 10px; color: #2c313f; } .kopa-e-list.kopa-icon-list li i { width: 25px; text-align: center; } /*----- Message Boxes -----*/ .alert { font-weight: 300; border-radius: 0; color: #fff; padding: 30px 80px 30px 95px; position: relative; } .alert i { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; margin: -23px 0 0; left: 30px; line-height: 44px; text-align: center; } .alert-dismissable .close { right: 30px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; font-size: 18px; line-height: 20px; text-shadow: none; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; position: absolute; top: 50%; margin-top: -10px; padding-left: 1px; } .alert-yellow { background-color: #fc880f; } .alert-yellow.alert-dismissable .close { color: #fc880f; } .alert-green { background-color: #8fca1d; } .alert-green.alert-dismissable .close { color: #8fca1d; } .alert-pink { background-color: #f42494; } .alert-pink.alert-dismissable .close { color: #f42494; } .alert-sky { background-color: #24b9e2; } .alert-sky.alert-dismissable .close { color: #24b9e2; } /*----- Sticky Notes -----*/ .sticky-note { padding: 20px 30px 15px; position: relative; font-weight: 300; } .sticky-note:before { content: ''; position: absolute; border-left: 30px solid transparent; border-right: 0 solid transparent; border-bottom: 30px solid #fff; top: 0; left: 50%; margin-left: -30px; left: auto; right: 0; bottom: -1px; top: auto; } .sticky-note.sticky-sky { background-color: #edf6ff; color: #93909e; } .sticky-note.sticky-sky:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #9abbdc; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-orange { background-color: #fcf0c5; } .sticky-note.sticky-orange:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #dec87c; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-pink { background-color: #fdd4d4; color: #e39f9f; } .sticky-note.sticky-pink:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #e39f9f; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-green { background-color: #eaffc3; color: #b5d37f; } .sticky-note.sticky-green:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #b5d37f; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } /*----- Progress Bars -----*/ .pro-bar-wrapper { position: relative; overflow: hidden; font-family: "Open Sans", sans-serif; } .pro-bar-wrapper .pro-bar-container { height: 10px; border-radius: 5px; border: none; overflow: visible !important; margin-left: 80px; margin-bottom: 40px; margin-top: 35px; } .pro-bar-wrapper .pro-bar-container > i { background-color: #d7d7d8; border-radius: 50%; color: #fff; width: 62px; height: 62px; line-height: 60px; text-align: center; font-size: 30px; display: block; position: absolute; left: 0; top: 0; font-weight: 500; z-index: 1; } .pro-bar-wrapper .pro-bar-container.color-gray { background-color: #d7d7d8; } .pro-bar-wrapper .pro-bar-container .pro-bar { height: 10px; border-radius: 5px 0 0 5px; position: relative; overflow: visible !important; } .pro-bar-wrapper .pro-bar-container .pro-bar > div { position: absolute; top: -25px; left: 0; color: #a7aebf; font-family: "Open Sans", sans-serif; font-weight: 500; } .pro-bar-wrapper .pro-bar-container .pro-bar p { margin: 0; display: inline-block; line-height: 22px; padding: 0 5px; background-color: #EDBD36; font-weight: 300; color: #fff; position: absolute; right: -18px; top: -37px; font-size: 12px; border-radius: 50px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .pro-bar-wrapper .pro-bar-container .pro-bar p:before { content: ''; position: absolute; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #EDBD36; bottom: -6px; left: 50%; margin-left: -3px; } .pro-bar-wrapper .pro-bar-container .pro-bar.animated p { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .pro-bar-wrapper .pro-bar-container .pro-bar.color-kopa-gradient { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } .pro-bar-wrapper.style2 .pro-bar-container { margin-top: 16px; margin-left: 55px; height: 30px; } .pro-bar-wrapper.style2 .pro-bar-container .pro-bar { height: 30px; } .pro-bar-wrapper.style2 .pro-bar-container .pro-bar > div { top: 5px; color: #fff; font-weight: 300; left: 25px; } /*----- Social Links -----*/ .social-links { padding: 0; margin: -10px 0 0 -10px; } .social-links li { float: left; margin: 10px 0 0 10px; list-style: none; position: relative; padding: 0; text-align: center; border-radius: 50%; } .social-links li a { display: block; font-size: 13px; position: relative; text-align: center; z-index: 0; border-radius: 150px; color: #fff; width: 30px; height: 30px; line-height: 30px; background: #EDBD36; } .social-links li a:hover { display: block; font-size: 13px; position: relative; text-align: center; z-index: 0; border-radius: 150px; color: #fff; width: 30px; height: 30px; line-height: 30px; } .social-nav { padding: 0; list-style: none; margin: -10px 0 0 -10px; } .social-nav li { float: left; margin: 10px 0 0 10px; list-style: none; } .social-nav a { display: inline-block; float: left; width: 48px; height: 48px; font-size: 20px; color: #fff; text-decoration: none; cursor: pointer; text-align: center; line-height: 48px; background: #000; position: relative; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .model-2 a { overflow: hidden; font-size: 26px; border-radius: 4px; } .model-2 a:hover { background: #fff; text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4; } .model-2 .twitter { background: #00ACED; text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba; } .model-2 .twitter:hover { color: #00ACED; } .model-2 .facebook { background: #3B579D; text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278; } .model-2 .facebook:hover { color: #3B579D; } .model-2 .google { background: #DD4A3A; text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122; } .model-2 .google:hover { color: #DD4A3A; } .model-2 .linkedin { background: #007BB6; text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983; } .model-2 .linkedin:hover { color: #007BB6; } .model-2 .pinterest { background: #CB2026; text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e; } .model-2 .pinterest:hover { color: #CB2026; } /*----- Text Style -----*/ .txt-decoration { text-decoration: underline; } .txt-decoration-2 { text-decoration: underline; } .txt-decoration-3 { color: #EDBD36; text-decoration: underline; } /*----- CountDown -----*/ .kopa-countdown-2 { margin: 0 -5px 30px; padding: 0; overflow: hidden; } .kopa-countdown-2 li { float: left; margin: 0; list-style: none; padding: 0 5px; width: 25%; position: relative; } .kopa-countdown-2 li div { text-align: center; padding: 15px 0px; background-color: #eee; border-radius: 5px; position: relative;margin-top:30px; } .kopa-countdown-2 li div:before { position: absolute; height: 1px; top: 50%; width: 100%; left: 0; background-color: #dde5f3; content: ""; } .kopa-countdown-2 li div:after { position: absolute; height: 18px; bottom: 0; width: 1px; left: 50%; border-left: dashed 1px #dde5f3; content: ""; } .kopa-countdown-2 li div h3 { font-size: 54px; margin: 15px 0 20px; line-height: 50px; position: relative; z-index: 1; } .kopa-countdown-2 li div span { display: block; text-transform: uppercase; } .kopa-countdown-2 li div span:last-child { font-weight: 400; } @media screen and (max-width: 799px) { .kopa-countdown-2 li div { padding: 10px 0; } .kopa-countdown-2 li div h3 { margin: 0; line-height: 1.2; } .kopa-article-list-1-widget .entry-item .entry-thumb .entry-icon { display: none; } .kopa-article-list-1-widget .widget-content .entry-item .entry-content { padding: 15px; } } @media screen and (max-width: 639px) { .mt-xs-30 { margin-top: 30px; } } /**1.2 Basic structure**/ body { position: relative; font-family: 'Open Sans', sans-serif; color: #333; line-height: 2.5rem; font-size: 16px; overflow-x: hidden; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .mb-0 { margin-bottom: 0px !important; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mt-15 { margin-top: 15px; } .mt-5 { margin-top: 5px; } .outer { width: 1170px; margin: 0 auto; position: relative; } .wrapper { width: 1050px; margin: 0 auto; position: relative; } .container { width: 1140px; padding-left: 0; padding-right: 0; } @media screen and (min-width: 1440px) { .container { width: 1300px; } } #main-content { position: relative; z-index: 2; } .sticky-margin {margin-top:250px;} .kopa-full-width .sidebar { display: none; } .kopa-full-width .main-col { width: 100%; } /*--- owl-button ---*/ .owl-theme .owl-controls { margin: 0; } .owl-theme .owl-controls .owl-buttons div { color: #fff; background: none; padding: 0; margin: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 1); text-align: center; width: 52px; height: 52px; line-height: 50px; font-size: 30px; position: absolute; top: 40%; margin-top: -36px; margin-left: -36px; margin-left: 0; margin-top: -36px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 2%; padding-right: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f104"; } .owl-theme .owl-controls .owl-buttons div.owl-next { right: 2%; padding-left: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f105"; } .owl-theme .owl-controls .owl-pagination { margin-top: 40px; width: 100%; } .owl-theme .owl-controls .owl-pagination .owl-page span { width: 8px; height: 8px; margin: 0 10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; background: none; border: 1px solid #fff; border-radius: 50%; } .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } /** * 2.0 Header * ----------------------------------------------------------------------------- */ /*--- Header Top ---*/ #kopa-header-top { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000a47+0,00145a+100 */ background: rgb(0,10,71); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,10,71,1) 0%, rgba(0,20,90,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,10,71,1) 0%,rgba(0,20,90,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,10,71,1) 0%,rgba(0,20,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a47', endColorstr='#00145a',GradientType=1 ); /* IE6-9 */ padding: 55px 0; } /*--- Header bottom ---*/ #kopa-header-bottom { z-index: 3; background: #eee } /** 2.2 Navigation **/ .join-now { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ border-radius: 50px 0px 0px 50px; padding: 0px 12px 0px 8px; margin-left: 20px !important; line-height: 32px; } /* .renew:before { background: #011258; border-radius: 16px; color: #fff; content: "or"; font-size: 12px; font-weight: 400; left: -12px; line-height: 16px; padding: 5px 6px; position: absolute; top: 12px; width: 26px; } */ .join-now:hover { background: #011258; } .renew { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ border-radius: 0px 50px 50px 0px; padding: 0px 8px 0px 8px; line-height: 32px; border-left: 1px solid #cc951e } .renew:hover { background: #011258; } #top-nav #top-menu li.renew a {color:#fff; padding-left: 8px} #top-nav #top-menu li.join-now a {color:#fff; padding-right: 8px} #top-nav { position: relative; z-index: 21; padding-top: 15px } #top-nav #top-menu { margin: 0; padding: 0; float: left; } #top-nav #top-menu > li:hover > a i, #top-nav #top-menu > li.sfHover > a i { color: #fff; } #top-nav #top-menu li { float: left; margin: 0; list-style: none; position: relative; line-height: 32px; } #top-nav #top-menu li a { display: block; color: #011258; text-align: center; padding: 8px 20px; } #top-nav #top-menu li a span { display: block; font-size: 14px; font-weight: 600 } #top-nav #top-menu li a i { color: #7082a9; } #top-nav #top-menu li a:hover i { color: #EDBD36; } #top-nav #top-menu li a:hover { color: #EDBD36; } #top-nav #top-menu li.join-now a:hover, #top-nav #top-menu li.renew a:hover { color: #fff; } #top-nav #top-menu li ul { display: none; width: 230px; position: absolute; background-color: #fff; margin: 0; padding: 0; left: 0; top: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); z-index: 999; } #top-nav #top-menu li ul li { float: none; border: none; padding: 0 15px; border-top: 1px solid #dde5f3; } #top-nav #top-menu li ul li:first-child { border: none; } #top-nav #top-menu li ul li a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; } #top-nav #top-menu li ul li ul { left: 231px; top: 0; } #top-nav #top-menu li ul li:hover > a { padding-left: 10px; } #top-nav #top-menu li.flip-back ul { left: auto; right: 0; } #top-nav #top-menu li.flip-back ul li ul { left: auto; right: 231px; } #main-nav .kopa-search-box { float: left; position: relative; } #main-nav .kopa-search-box .toggle-search-box { display: block; width: 55px; padding-top: 21px; height: 65px; border: 0; background: none; text-align: center; color: #fff; } #main-nav .kopa-search-box .toggle-search-box:hover, #top-nav .kopa-search-box .toggle-search-box.search-expand { background-color: #EDBD36; } #main-nav .kopa-search-box .toggle-search-box:hover i, #top-nav .kopa-search-box .toggle-search-box.search-expand i { color: #fff; } #main-nav .kopa-search-box .toggle-search-box span { display: block; text-transform: uppercase; font-size: 13px; } #main-nav .kopa-search-box .toggle-search-box i { display: block; color: #011258; margin: 0 0 3px; font-size: 18px } #main-nav .kopa-search-box form.block.search-form { display: block; } #main-nav .kopa-search-box form.search-form { background-color: #EDBD36; display: none; position: absolute; right: 0; top: 100%; z-index: 2; padding: 15px; width: 500px; border-radius: 0px 0px 3px 3px } #main-nav .kopa-search-box form.search-form:before, #main-nav .kopa-search-box form.search-form:after { display: table; content: ""; } #main-nav .kopa-search-box form.search-form:after { clear: both; } #main-nav .kopa-search-box form.search-form input.search-text { width: 100%; height: 30px; color: #a7aebf; line-height: 20px; border: none; padding: 5px 15px; border-radius: 0; } #main-nav .kopa-search-box form.search-form input.search-text:focus { outline: 0; } #main-nav .kopa-search-box form.search-form button.search-submit { border: 0; padding: 0; position: absolute; right: 27px; top: 20px; background: none; line-height: 20px; } #main-nav .kopa-search-box form.search-form button.search-submit i { color: #7082a9; } #main-nav { position: relative; z-index: 20; } #main-menu { margin: 0; padding: 0; position: relative; z-index: 1; float: left; width: 95% } #main-menu > li { position: relative; z-index: 1; padding: 0; float: left; margin: 0 0 0 55px; list-style: none; } #top-nav #top-menu li a span { color:#fff; } #top-nav #top-menu li a:hover span { color:#EDBD36; } #top-nav #top-menu li.join-now a:hover span, #top-nav #top-menu li.renew:hover a:hover span{ color: #fff; } #main-menu > li { padding: 0px 20px; margin: 0px; } @media screen and (min-width: 1440px) { #main-menu > li { padding: 0px 32px; margin: 0px; } #top-nav #top-menu li a span { font-size: 16px; } #main-menu > li:first-child { margin-left: 0px; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content { padding-top: 100px; } } .join-now li a span, .renew li a span{color:#011258;} #main-menu > li.mega-menu { position: static; } #main-menu > li.mega-menu a:before { display: none; } #main-menu > li.sfHover {background: #eee} #main-menu > li > a { padding: 20px 0; display: block; position: relative; font-weight: 400; font-size: 16px; line-height: 25px } #main-menu > li > a .menu-description { display: block; font-size: 13px; font-style: italic; text-transform: none; min-height: 20px; max-height: 20px; overflow: hidden; color: #a7aebf; } #main-menu > li > ul { min-width: 250px; display: none; position: absolute; left: 0; top: 65px; margin: 0; padding: 0; z-index: 1; text-align: left; } #main-menu > li > ul > li { float: none; border: none; padding: 0px; margin: 0; list-style: none; position: relative; white-space: nowrap; background:#eee; } #main-menu > li > ul > li:hover, .sf-mega li:hover { background:#fff } #main-menu > li > ul > li:last-child { border-radius: 0px 0px 5px 5px; } #main-menu > li > ul > li > a { text-align: left; border: none; padding: 12px 20px; color: #011258; text-transform: none; font-size: 16px; display: block; font-weight: 400; border-bottom:1px solid #ddd; line-height: 22px } #main-menu > li > ul > li:last-child a{ border:none; } #main-menu > li > ul > li > a:hover { color: #EDBD36; } #main-menu > li > ul > li > ul { left: 251px; top: 0; width: 250px; display: none; position: absolute; margin: 0; padding: 0; z-index: 1; background-color: #fff; border-radius: 0 0 3px 3px; text-align: left; } #main-menu > li > ul > li > ul > li { float: none; border: none; padding: 0 15px; border-top: 1px solid #dde5f3; margin: 0; list-style: none; position: relative; } #main-menu > li > ul > li > ul > li:first-child { border: none; } #main-menu > li > ul > li > ul > li > a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } .sf-with-ul:after { display: none; } #main-menu .sf-mega { position: absolute; left: 9%; top: 65px; } #main-menu .sf-mega .widget { padding-top: 10px; } #main-menu .sf-mega .widget .widget-title { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 10px; font-family: "Open Sans", sans-serif; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #ddd } #main-menu li .sf-mega { background-color: #eee; border-radius: 0 0 5px 5px; display: none; z-index: 9999; width: 90%; padding: 15px 30px 20px; }#main-menu li .sf-mega .row > div .row > div ul { margin: 0; padding: 0; } #main-menu li .sf-mega .row > div .row > div ul li { float: none; border: none; padding: 0; margin: 0; list-style: none; position: relative; } #main-menu li .sf-mega .row > div .row > div ul li:first-child { border-top: none; } #main-menu li .sf-mega .row > div .row > div ul li a { text-align: left; border: none; padding: 5px 15px 5px; color: #011258; text-transform: none; font-size: 16px; display: block; margin-bottom:5px } #main-menu li .sf-mega .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 25px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date { text-align: center; border: 1px solid #bdc7d6; border-radius: 50px; background-color: #fff; padding: 0 0 10px; text-transform: uppercase; color: #a7add5; font-size: 12px; position: absolute; top: 15px; left: 15px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date p { margin: 0 0 5px; color: #fff; background-color: #bdc7d6; padding: 0 10px; line-height: 18px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date strong { display: block; font-size: 24px; padding: 0 10px; font-weight: 400; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date span { line-height: 1; display: block; padding: 0 10px; } #main-menu li .sf-mega .row > div .entry-item .entry-content .entry-author { margin-bottom: 5px; } #main-menu li .sf-mega .row > div .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; margin: 0; text-transform: uppercase; } #main-menu li .sf-mega .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .mobile-search-box { display: none; width: 250px; } .mobile-search-box .mobile-search-form { position: relative; } .mobile-search-box .mobile-search-form input.search-text { border: none; text-align: left; font-size: 13px; color: #a7aebf; width: 100%; padding-left: 15px; height: 40px; border-radius: 100px } .mobile-search-box .mobile-search-form button.search-submit { position: absolute; right: 15px; top: 10px; padding: 0; border: none; background: none; } /*--- Mobile Menu ---*/ .main-nav-mobile { display: none; position: relative; height: 44px; } .main-nav-mobile .pull { font-size: 18px; font-weight: 500; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 0; margin: 12px 0 0; } .main-nav-mobile .pull i { color: #fff; } .main-nav-mobile .main-menu-mobile { position: absolute; top: 48px; margin: 0; left: 0; width: 220px; height: auto; z-index: 999999; display: none; padding: 5px 15px 0; text-align: left; } .main-nav-mobile .main-menu-mobile > li { border-top: 1px solid rgba(255,255,255,.3); position: relative; width: 100%; margin: 0; } .main-nav-mobile .main-menu-mobile > li:first-child { border: 0; } .main-nav-mobile .main-menu-mobile > li > a { color: #fff; text-transform: capitalize; font-size: 16px; display: block; font-weight: 400; padding: 10px 25px 10px 0; } .main-nav-mobile .main-menu-mobile > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; } .main-nav-mobile .main-menu-mobile > li > a > span:after { content: '\f107'; } .main-nav-mobile .main-menu-mobile > li ul { margin: 0; border-top: 1px solid rgba(255,255,255,.3); } .main-nav-mobile .main-menu-mobile > li ul li { margin: 0; border-top: 1px solid rgba(255,255,255,.3); } .main-nav-mobile .main-menu-mobile > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 400; font-size: 14px; position: relative; } .main-nav-mobile .main-menu-mobile > li ul li span { display: none; } .main-nav-mobile .main-menu-mobile > li ul li .sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; } .top-main-nav-mobile { display: none; position: relative; height: 44px; } .top-main-nav-mobile .pull { font-size: 22px; font-weight: 700; color: #fff; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 0; margin: 10px 0 0; } .top-main-nav-mobile .pull i { color: #fff; } .top-main-nav-mobile .top-main-menu-mobile { position: absolute; top: 77px; margin: 0; right: 0; width: 200px; height: auto; z-index: 999999; display: none; padding: 0 15px 0; text-align: left; } .top-main-nav-mobile .top-main-menu-mobile > li { border-top: 1px solid #e2e2e3; position: relative; width: 100%; margin: 0; } .top-main-nav-mobile .top-main-menu-mobile > li:first-child { border: 0; } .top-main-nav-mobile .top-main-menu-mobile > li > a { color: #fff; text-transform: capitalize; font-size: 16px; display: block; font-weight: 400; padding: 10px 25px 10px 0; } .top-main-nav-mobile .top-main-menu-mobile > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; } .top-main-nav-mobile .top-main-menu-mobile > li > a > span:after { content: '\f107'; } .top-main-nav-mobile .top-main-menu-mobile > li ul { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 400; font-size: 14px; position: relative; } .top-main-nav-mobile .top-main-menu-mobile > li ul li span { display: none; } .top-main-nav-mobile .top-main-menu-mobile > li ul li .sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; } #footer-nav #footer-menu { padding: 0; margin: 0; } #footer-nav #footer-menu li { float: left; margin: 0 0 0 20px; list-style: none; } #footer-nav #footer-menu li a { color: #fff; font-size: 14px; } .widget { margin-bottom: 20px; position: relative; } .sf-mega .widget { margin-bottom:2px; } .widget:last-child { margin-bottom: 0; } .widget .widget-title.widget-title-s1 { background-color: #fff; padding: 20px 30px 25px; position: absolute; right: 0; bottom: 100%; min-width: 540px; border-radius: 5px 5px 0 0; display:none } .widget-content .kopa-button.pink-button {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */} .widget .widget-title.widget-title-s1 h4 { font-size: 24px; line-height: 30px; margin-bottom: 7px; } .widget .widget-title.widget-title-s1 .meta-box .entry-time { color: #a7aebf; margin-right: 8px; } .widget .widget-title.widget-title-s1 .widget-title-icon { font-size: 26px; right: 25px; position: absolute; top: 30px; } .widget .widget-title.widget-title-s2 { margin-bottom: 20px; } .widget .widget-title.widget-title-s2 h4 { font-size: 40px; line-height: 46px; font-weight: 400; text-transform: none; } .widget .widget-title.widget-title-s2 .see-more { text-decoration: underline; color: #7b7f8c; margin-top: 15px; } .widget .widget-title.widget-title-s2 .see-more a { color: #011258; text-transform: capitalize } .widget .widget-title.widget-title-s2 > div { display:none;} .widget .widget-title.widget-title-s2 > div > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: 12px; left: 50%; margin-left: -8px; z-index: 1; } .widget .widget-title.widget-title-s2 > div > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #eeeeee; top: 0; left: -8px; left: auto; right: 0; } .widget .widget-title.widget-title-s2 > div > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eeeeee; top: 0; right: -8px; right: auto; left: 0; } .widget .widget-title.widget-title-s3 { margin-bottom: 30px; } .widget .widget-title.widget-title-s3 i { color: #a7aebf; font-size: 32px; margin: 0 15px 0 0 !important; padding: 20px 10px; border: 2px solid #a7aebf; border-radius: 50px; } .widget .widget-title.widget-title-s3 h4 { margin: 22px 0 0; font-size: 24px; line-height: 30px; text-transform: none; } .widget .widget-title.widget-title-s3 .see-more { text-decoration: underline; color: #a7aebf; margin-top: 30px; } .widget .widget-title.widget-title-s3 .see-more a { color: #a7aebf; } .widget .widget-title.widget-title-s4 { font-size: 40px; color: #fff; line-height: 46px; position: relative; margin-bottom: 35px; font-weight: 700; font-family: "Open Sans", sans-serif; letter-spacing: 3px; } .widget .widget-title.widget-title-s5 { position: relative; padding-top: 20px; margin-bottom: 60px; } .widget .widget-title.widget-title-s5 h2 { font-weight: 400; } .widget .widget-title.widget-title-s5 p { font-size: 21px; line-height: 26px; color: #a7aebf; text-transform: none; } .widget .widget-title.widget-title-s5:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #eeeeee; top: 0; left: 50%; margin-left: -98px; z-index: 99; } .widget .widget-title.widget-title-s5:after { content: ""; position: absolute; background-color: #fff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } .widget .widget-title.widget-title-s5 > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } .widget .widget-title.widget-title-s5 > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #eeeeee; top: 0; left: -8px; left: auto; right: 0; } .widget .widget-title.widget-title-s5 > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eeeeee; top: 0; right: -8px; right: auto; left: 0; } .widget .widget-title.widget-title-s6 { color: #fff; margin-bottom: 25px; } .widget .widget-title.widget-title-s7 { overflow: hidden; margin-bottom: 30px; } .widget .widget-title.widget-title-s7 i { color: #fff; border-radius: 50px; padding: 20px 15px; margin: 0 15px 0 0 !important; font-size: 24px; float: left; } .widget .widget-title.widget-title-s7 h4 { margin: 0; text-transform: none; float: none !important; overflow: none; } .widget .widget-title.widget-title-s8 { margin-bottom: 30px; } .widget .widget-title.widget-title-s8 h4 { margin-bottom: 0; margin-top: 11px; } .widget .widget-title.widget-title-s8 i { width: 52px; height: 52px; border-radius: 50%; color: #a7aebf; border: 2px solid #a7aebf; margin: 0 15px 0 0 !important; line-height: 48px; font-size: 24px; text-align: center; } .widget .widget-title.widget-title-s9 { text-transform: uppercase; margin-bottom: 30px; } .widget .widget-title.widget-title-s10 { text-transform: uppercase; margin-bottom: 25px; } .widget .widget-title.widget-title-s11 { margin-bottom: 30px; } .widget .widget-title.widget-title-s11 h4 { margin-bottom: 0; margin-top: 11px; } .widget .widget-title.widget-title-s11 i { width: 52px; height: 52px; border-radius: 50%; color: #a7aebf; border: 2px solid #a7aebf; margin: 0 15px 0 0 !important; line-height: 48px; font-size: 24px; text-align: center; } .widget .widget-title.widget-title-s11 .see-more { text-decoration: underline; margin-top: 15px; } .widget .widget-title.widget-title-s12 { color: #fff; margin-bottom: 30px; text-transform: none; } .widget .entry-thumb img { width: 100%; } .widget ul li a {text-decoration: none} .kopa-area-light .widget .widget-title.widget-title-s5::after { background-color: #f2f4f5; } .entry-time { display: inline-block; line-height: 1; } .entry-time i { font-size: 13px; } .entry-date { display: inline-block; line-height: 1; color: #a7aebf; } .entry-date i { font-size: 13px; } .entry-location { display: inline-block; line-height: 1; color: #a7aebf; } .entry-location i { font-size: 13px; } .entry-author { display: inline-block; line-height: 1; } .entry-author span { margin-right: 5px; } .entry-author a { color: #ccc; } .entry-meta { color: #ccc; line-height: 1; } .entry-icon { position: absolute; color: #fff; right: 0; bottom: 0; padding: 18px 10px; } .entry-icon span { width: 30px; display: block; height: 30px; border: 2px solid #fff; border-radius: 50%; text-align: center; line-height: 26px; } .entry-icon:hover { color: #fff; } .entry-item.standard-post .entry-icon span:before, .entry-box.standard-post .entry-icon span:before, .item.standard-post .entry-icon span:before { content: "\f1c2"; } .entry-item.audio-post .entry-icon:before, .entry-box.audio-post .entry-icon:before, .item.audio-post .entry-icon:before { content: "\f025"; } .entry-item.gallery-post .entry-icon:before, .entry-box.gallery-post .entry-icon:before, .item.gallery-post .entry-icon:before { content: "\f03e"; } .entry-item.video-post .entry-icon span, .entry-box.video-post .entry-icon span, .item.video-post .entry-icon span { padding-left: 2px; } .entry-item.video-post .entry-icon span:before, .entry-box.video-post .entry-icon span:before, .item.video-post .entry-icon span:before { content: "\f04b"; } .entry-categories { display: inline-block; color: #EDBD36; font-weight: 400 } .entry-categories a { color: #a7aebf; } .entry-view { display: inline-block; } .entry-comment { display: inline-block; line-height: 1; } .entry-comment a { color: #a7aebf; } .pagination { border-radius: 0; margin: 40px 0 0; display: block; text-align: center; } .pagination ul.page-numbers { display: inline-block; padding: 0; margin: -10px 0 0 -10px; } .pagination ul.page-numbers li { float: left; margin: 0 0 0 5px; list-style: none; } .pagination ul .current, .pagination ul a { float: left; margin: 0; list-style: none; } .pagination ul.page-numbers li span { float: left; margin: 0; } .pagination ul.page-numbers li a, .pagination ul.page-numbers li span, .pagination ul .current, .pagination ul a { border: 1px solid #f2f4f5; display: block; padding: 0 15px; line-height: 35px; height: 37px; font-size: 13px; position: relative; border-radius: 50px; } .pagination ul.page-numbers li span.current, .pagination ul .current { color: #fff; } .pagination ul.page-numbers li a:hover, .pagination ul a:hover { color: #fff; background-color: #EDBD36; border-color: #EDBD36; } .pagination.pagination-s2 { border-top: 1px solid #f2f4f5; padding-top: 30px; } .pagination.pagination-s2 ul.page-numbers { display: block; margin-left: -8px; } .pagination.pagination-s2 ul.page-numbers li { float: none; display: inline-block; margin-left: 8px; } .pagination.pagination-s2 ul.page-numbers li a:hover, .pagination.pagination-s2 ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .pagination.pagination-s2 ul.page-numbers li:first-child { float: left; } .pagination.pagination-s2 ul.page-numbers li:last-child { float: right; } .kopa-rating { margin: 0; padding: 0; display: inline-block; } .kopa-rating li { float: left; margin: 0; list-style: none; color: #fff; font-size: 12px; } .loading { background: #fff; width: 100%; position: absolute; top: 0; left: 0; z-index: 99; } .loading > i { position: absolute; top: 50%; left: 50%; font-size: 30px; margin-left: -13px; margin-top: -15px; } .breadcrumb { background: none; padding: 0 0 2px; border-bottom: none; border-radius: 0; font-size: 15px; color: #fff; } .breadcrumb a { color: #fff; } /** * 3. Content * ----------------------------------------------------------------------------- */ /** 3.1 Widget **/ .widget iframe { border: none; width: 100%; } /* WordPress default widget ---------------------------------- */ .widget_categories ul, .widget_archive ul, .widget_nav_menu ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_nav_menu ul { margin: 0; padding: 0; } .widget_categories ul li, .widget_archive ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_nav_menu ul li { float: none; list-style: none; position: relative; margin-bottom: 0px; border-top: none; padding-left: 15px; margin: 10px 0 0; } .widget_categories ul li .children { margin-top: 10px; } .widget_categories ul li .children li:last-child { padding-bottom: 0px; } .widget_categories ul li .children li:first-child { margin: 0px; } .widget_categories ul li:first-child { margin: 0; } .sidebar .widget_search .search-form .search-text { height: 40px; padding: 5px 53px 5px 10px; border: 1px solid #f2f4f5; font-style: normal; line-height: 28px; border-radius: 50px 0 0 3px; } .sidebar .widget_search .search-form .search-submit { height: 40px; line-height: 30px; padding: 5px 15px; font-size: 13px; border-radius: 0 3px 3px 0; } .widget_tag_cloud a { display: inline-block; margin: 0 3px 5px 0; border-radius: 5px; border: 1px solid #f2f4f5; line-height: 30px; padding: 0 15px; } .widget_tag_cloud a:hover { color: #fff; } /* Woocommerce default widget ---------------------------------- */ .widget_top_rated_products ul.product_list_widget { margin-top: -10px; } .widget_top_rated_products ul.product_list_widget li { position: relative; margin: 0; padding: 10px 0 !important; border-bottom: 1px solid #EDBD36; } .widget_top_rated_products ul.product_list_widget li > a { display: block; float: none; font-size: 18px; font-weight: 700; margin-bottom: 8px; } .widget_top_rated_products ul.product_list_widget li > a img { width: 75px !important; height: 75px; margin-right: 10px; margin-left: 0; box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; float: left; } .widget_top_rated_products ul.product_list_widget li .amount { font-size: 16px; color: #7082a9; } .widget_top_rated_products ul.product_list_widget li ins { text-decoration: none; } .widget_top_rated_products ul.product_list_widget li ins .amount { position: static; } .widget_top_rated_products ul.product_list_widget li del .amount { text-decoration: line-through; } .widget_top_rated_products ul.product_list_widget li .star-rating { line-height: 13px; margin-bottom: 8px; } .widget_top_rated_products ul.product_list_widget li .star-rating span:before { color: #7082a9; } /* Kopa Newsletter Widget ---------------------------------- */ .kopa-newsletter-widget .newsletter-form p { margin-bottom: 25px; } .kopa-newsletter-widget .newsletter-form .input-email { position: relative; margin-bottom: 0; } .kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: none; border-radius: 50px 0px 0px 50px; height: 50px; padding: 10px 120px 10px 15px; line-height: 30px; width: 85%; margin-right: 1px; } .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { position: absolute; right: 0; top: 0; border: none; border-radius: 0 50px 50px 0; height: 50px; padding: 10px; line-height: 30px; width: auto; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dab639+0,b59204+100 */ background: background: rgb(242,200,48) !important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ) !important; /* IE6-9 */; /* Old browsers */ } .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover { background: #011258 !important; /* Old browsers */ } /* Kopa event widget ---------------------------------- */ .kopa-event-widget { margin-top: -70px; padding-top: 70px; } .kopa-event-widget .widget-content .entry-title { font-size: 40px; font-weight: 400; line-height: 46px; padding-bottom: 15px; position: relative; margin-bottom: 15px; } .kopa-event-widget .widget-content .entry-title a { color: inherit; } .entry-title a {text-decoration: none !important} /* Kopa event 2 widget ---------------------------------- */ .kopa-event-2-widget ul { margin: 0; padding: 0; } .kopa-event-2-widget ul li { float: none; margin: 40px 0 0; list-style: none; } .kopa-event-2-widget ul li:first-child { margin: 0; } .kopa-event-2-widget ul li .meta-box { text-transform: uppercase; font-weight: 400; margin-bottom: 10px; } .kopa-event-2-widget ul li .meta-box .entry-meta, .kopa-event-2-widget ul li .meta-box .entry-date, .kopa-event-2-widget ul li .meta-box .entry-categories a { color: #262c56; } .kopa-event-2-widget ul li .entry-title { margin-bottom: 0; font-weight: 400; } .kopa-event-2-widget ul li .entry-title a { color: #637587; } /* Kopa nothumb widget ---------------------------------- */ .kopa-nothumb-widget .widget-content .entry-item .entry-date { border-radius: 3px; padding-bottom: 17px; margin-right: 30px; text-align: center; text-transform: uppercase; color: #333; background: #eeeeee } .kopa-nothumb-widget .widget-content .entry-item .entry-date strong { color: #011258; font-size: 30px; font-weight: 300; display: block; margin: 15px 0 3px; padding: 0 20px; } .kopa-nothumb-widget .widget-content .entry-item .entry-date span { display: block; padding: 0 15px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content { overflow: hidden; line-height: 2.5rem } .kopa-nothumb-widget .widget-content .entry-item .entry-content header { margin-bottom: 10px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content header .entry-time { margin-right: 0; } .single-resource-cat {margin: 0px auto; text-align: center; background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ border-radius: 5px 5px 0px 0px; margin-top: 70px; width: auto; padding:10px; } .single-resource-cat span {width: auto; color:#fff; font-weight: 400; } .more-link { margin-top: 5px; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c830+0,eab300+100 */ background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ border-radius: 100px; padding: 0px 30px; font-size: 18px; height: 50px; line-height: 50px; text-decoration: none } .more-link:hover { background: #011258; } .more-link i { display: none } .kopa-area-1 .kopa-nothumb-widget { padding: 50px 0; } .more-link { display: inline-block; font-family: "Open Sans", sans-serif; margin: 20px 0 0; font-weight: 600; text-decoration: none !important } .more-link:hover {color:#fff; background:#011258} /* Kopa nothumb 2 widget ---------------------------------- */ .kopa-nothumb-2-widget .widget-content .entry-item .entry-date { border-radius: 50px; border: 1px solid #bdc7d6; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 15px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date p { padding: 0 14px; background-color: #bdc7d6; color: #fff; line-height: 18px; margin-bottom: 10px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date strong { font-size: 30px; font-weight: 400; display: block; padding: 0 14px; margin: 0 0 5px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date span { display: block; padding: 0 14px; font-size: 13px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content { overflow: hidden; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content header { margin-bottom: 10px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content header .entry-time { margin-right: 0; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .entry-title { font-weight: 400; letter-spacing: 1px; font-size: 18px; line-height: 24px; margin-bottom: 18px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link { margin-top: 10px; color: #a8a8b0; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link i { border-color: #a8a8b0; } .sidebar .kopa-nothumb-2-widget .widget-content .row { margin-right: 0; margin-left: 0; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div { float: none; width: 100% !important; border-top: 1px solid #f2f4f5; padding-left: 0; padding-right: 0; padding-top: 30px; margin-top: 30px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div:first-child { margin-top: 0; border-top: none; padding-top: 0; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date { margin-right: 20px; padding-bottom: 10px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date span { font-size: 12px; padding: 0 10px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date p { padding: 0 10px; margin-bottom: 5px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date strong { font-size: 24px; padding: 0 10px; margin-bottom: 3px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content > p { display: none; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 15px; line-height: 22px; } /* Kopa nothumb 3 widget ---------------------------------- */ .kopa-nothumb-3-widget .widget-content ul { margin: 0; padding: 0; } .kopa-nothumb-3-widget .widget-content ul li { float: none; margin: 20px 0 0; list-style: none; } .kopa-nothumb-3-widget .widget-content ul li:first-child { margin-top: 0; } .kopa-nothumb-3-widget .widget-content ul li .entry-item header { margin-bottom: 8px; } .kopa-nothumb-3-widget .widget-content ul li .entry-item .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 0; font-weight: 400; } /* Kopa article list 1 widget ---------------------------------- */ .kopa-article-list-1-widget .widget-content .entry-item { background-color: #fff; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb { position: relative; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 60px 10px 30px; font-size: 16px; line-height: 22px; font-weight: 300; text-transform: uppercase; margin-bottom: 0; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title a { color: #fff; } .kopa-article-list-1-widget .widget-content .entry-item .entry-content { padding: 25px 30px; background-color: #fff; color: #637587; } .kopa-article-list-1-widget .widget-content .entry-item .entry-content header { margin-bottom: 20px; } /* Kopa owl 3 widget ---------------------------------- */ .kopa-owl-3-widget .owl-carousel-3 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb { position: relative; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon { background-color: transparent; border-radius: 50%; width: 60px; height: 60px; border: 2px solid #fff; line-height: 68px; padding: 0; text-align: center; right: auto; bottom: auto; left: 50%; top: 50%; margin: -30px 0 0 -30px; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon span { border: none; width: auto; height: auto; font-size: 30px; display: inline-block; border-radius: 0; line-height: 1; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content { padding: 30px; color: #fff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content header { margin-bottom: 5px; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title { margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: 400; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title a { color: #fff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link { color: #fff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link i { border-color: #fff; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination { margin: 0; position: absolute; top: -55px; right: 0; width: auto; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page span { width: 10px; height: 10px; border: 1px solid #c4cbd1; margin: 0 2px; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page.active span, .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page:hover span { transform: none; -webkit-transform: none; -moz-transform: none; } /* Kopa rounded thumb widget ---------------------------------- */ .kopa-rounded-thumb-widget .widget-content .entry-item .entry-thumb { margin-left: 30px; margin-top: -140px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-thumb img { border-radius: 50%; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content { color: #011258; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title { font-size: 40px; line-height: 46px; text-transform: uppercase; position: relative; padding-bottom: 25px; margin-bottom: 25px; display: none } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title:before { background-color: rgba(243, 243, 243, 0.09); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title a { color: #fff; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content > p { font-size: 16px; line-height: 26px; margin-bottom: 40px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-thumb { margin-left: 30px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content { color: #011258; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title { font-size: 40px; line-height: 46px; text-transform: uppercase; position: relative; padding-bottom: 25px; margin-bottom: 25px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title:before { background-color: rgba(243, 243, 243, 0.09); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title a { color: #fff; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content > p { font-size: 16px; line-height: 26px; margin-bottom: 40px; } /* Kopa article list 2 widget ---------------------------------- */ .kopa-article-list-2-widget .widget-content ul { margin: 0; padding: 0; } .kopa-article-list-2-widget .widget-content ul li { float: none; margin: 25px 0 0; list-style: none; padding-top: 25px; border-top: 1px solid #eeeeee; } .kopa-article-list-2-widget .widget-content ul li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .kopa-article-list-2-widget .widget-content ul li .entry-item header { margin-bottom: 8px; } .kopa-article-list-2-widget .widget-content ul li .entry-item .entry-title { font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 15px; font-weight: 400; } .sidebar .kopa-article-list-2-widget .widget-content ul li .entry-item .entry-title { font-size: 15px; line-height: 22px; } /* Kopa photo widget ---------------------------------- */ .kopa-photo-widget .widget-content ul { margin: 0; padding: 0; } .kopa-photo-widget .widget-content ul li { float: left; margin: 0; list-style: none; width: 33.333333%; } .kopa-area-4 .right-col .kopa-photo-widget .widget-content ul { margin: 0 -30px; } /* Kopa article list 3 widget ---------------------------------- */ .kopa-article-list-3-widget .widget-content ul { margin: -20px -15px 0; padding: 0; } .kopa-article-list-3-widget .widget-content ul li { float: left; margin: 20px 0 0 0; list-style: none; padding: 0 15px; width: 50%; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-thumb { margin-bottom: 25px; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 5px; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 17px; text-transform: uppercase; } .upside-three-item .widget-content ul li { width: 33.333333%; } .upside-three-item .widget-content ul li .entry-item .entry-content { color: #d7d7d8; } .upside-three-item .widget-content ul li .entry-item .entry-content .entry-title a { color: #fff; } .upside-three-item .widget-content ul li .entry-item .entry-content .more-link { color: #d7d7d8; } .upside-three-item .widget-content ul li .entry-item .entry-content .more-link i { border-color: #d7d7d8; color: #fff; } /* Kopa featured teacher widget ---------------------------------- */ .kopa-featured-teacher-widget { background-color: #f2f4f5; padding: 30px; } .kopa-featured-teacher-widget .entry-item .entry-thumb { margin-bottom: 25px; } .kopa-featured-teacher-widget .entry-item .entry-content > p { margin-bottom: 20px; } .kopa-featured-teacher-widget .entry-item .entry-content footer h6 { text-transform: uppercase; font-size: 16px; line-height: 22px; margin-bottom: 5px; } .kopa-featured-teacher-widget .entry-item .entry-content footer span { text-transform: uppercase; font-size: 12px; } .kopa-article-list-3-widget { margin: 90px 0 70px; } .kopa-featured-teacher-widget { position: relative; padding: 70px 30px; } /* Kopa masonry list 1 widget ---------------------------------- */ .kopa-masonry-list-1-widget { position: relative; } .kopa-masonry-list-1-widget .masonry-container .container-masonry { position: relative; margin: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item { width: 25%; height: 50%; float: left; position: relative; overflow: hidden; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item:hover .item-hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; top: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover { transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; position: absolute; width: 100%; height: 100%; top: 999px; left: 0; color: #fff; padding: 20px; font-size: 20px; line-height: 26px; font-weight: 400; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover i { border: 1px solid #fff; display: inline-block; width: 46px; height: 46px; line-height: 44px; border-radius: 50%; text-align: center; font-size: 18px; margin-bottom: 50px; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover a { color: #fff; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item img { width: 100%; height: auto; display: block; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .mask a { display: block; height: 100%; width: 100%; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title { position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: 0; padding: 0 30px 20px; font-size: 16px; line-height: 22px; font-weight: 400; color: #fff; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title a { color: #fff; } /* Kopa testimonial list 1 widget ---------------------------------- */ .kopa-testimonial-list-1-widget .widget-content { border-top: 1px double #d7d7d8; position: relative; padding-top: 50px; } .kopa-testimonial-list-1-widget .widget-content:before { content: ""; height: 1px; background-color: #d7d7d8; width: 100%; position: absolute; top: 5px; left: 0; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item { margin-bottom: 20px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item .testimonial-detail { font-style: italic; background-color: #f2f4f5; padding: 25px 30px 20px; position: relative; margin-bottom: 20px; font-size: 16px; line-height: 24px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item .testimonial-detail:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; left: 30px; margin-left: 0; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer img { float: left; width: 46px; height: 46px; margin-right: 12px; border-radius: 50%; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail { overflow: hidden; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 { font-size: 14px; font-weight: 700; line-height: 20px; margin-bottom: 2px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 a { color: #566d8f; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail em { font-size: 15px; } /* Kopa ads 1 widget ---------------------------------- */ .kopa-ads-1-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-ads-1-widget ul li { padding: 0 15px; width: 20%; float: left; margin: 30px 0 0 0; list-style: none; } .kopa-ads-1-widget ul li img { width: 100%; height: auto; } /* Kopa map 1 widget ---------------------------------- */ .kopa-map-wrapper #kopa-map { height: 375px; width: 100%; } .bottom-section .kopa-area-10 { position: relative; } .bottom-section .kopa-area-10 .kopa-map-1-widget { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bottom-section .kopa-area-10 .kopa-map-1-widget .kopa-map-wrapper { height: 100%; } .bottom-section .kopa-area-10 .kopa-map-1-widget .kopa-map-wrapper #kopa-map { height: 100% !important; } /* Kopa map 2 widget ---------------------------------- */ .kopa-map-2-widget .kopa-map-wrapper { border: 5px solid rgba(255, 255, 255, 0.15); } .kopa-map-2-widget .kopa-map-wrapper #kopa-map { height: 336px; } /* Kopa contact 1 widget ---------------------------------- */ .kopa-contact-1-widget .widget-content ul { margin: 0; padding: 0; } .kopa-contact-1-widget .widget-content ul li { color: #fff; float: none; margin: 25px 0 0; list-style: none; } .kopa-contact-1-widget .widget-content ul li:first-child { margin: 0; } .kopa-contact-1-widget .widget-content ul li i { width: 24px; height: 34px; border-radius: 50px; border: 1px solid #fff; line-height: 32px; text-align: center; font-size: 12px; margin-right: 20px !important; margin-top: 3px; } .kopa-contact-1-widget .widget-content ul li a { color: #fff; } .kopa-contact-1-widget .widget-content ul li.contact-email, .kopa-contact-1-widget .widget-content ul li.contact-phone { line-height: 37px; } /* Kopa contact 2 widget ---------------------------------- */ .kopa-contact-2-widget .widget-content { color: #fff; font-size: 18px; line-height: 24px; } .kopa-contact-2-widget .widget-content a { color: #fff; } .kopa-contact-2-widget .widget-content p { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 25px; padding-bottom: 10px; } .kopa-contact-2-widget .widget-content p i { font-size: 20px; margin-right: 12px; } /* Kopa course search widget ---------------------------------- */ .kopa-course-search-widget .course-form { position: relative; margin-bottom: 25px; } .kopa-course-search-widget .course-form .row { margin-right: -5px; margin-left: -5px; margin-bottom: 20px; } .kopa-course-search-widget .course-form .row > div { padding-left: 5px; padding-right: 5px; } .kopa-course-search-widget .course-form .row > div .select-block { position: relative; } .kopa-course-search-widget .course-form .row > div .select-block select { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 50px; outline: 0; background: #fff; height: 48px; line-height: 36px; padding: 5px 15px; width: 100%; color: #a7aebf; } .kopa-course-search-widget .course-form .row > div .select-block select:focus { outline: 0; } .kopa-course-search-widget .course-form .row > div .select-block i { display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 38px; font-size: 16px; background: #fff; position: absolute; top: 1px; right: 1px; cursor: default; pointer-events: none; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: block; } .kopa-course-search-widget .course-form .course-submit { border: none; color: #fff; line-height: 41px; padding: 0 30px; font-size: 16px; text-transform: uppercase; border-radius: 50px; display: inline-block; } .kopa-course-search-widget p { padding: 0 15%; font-size: 16px; line-height: 24px; } .page-header .kopa-course-search-widget p.text-center { display: none; } .page-header .kopa-course-search-widget .course-form { margin-bottom: 0; } .page-header .kopa-course-search-widget .course-form .row > div .select-block select { border: none; height: 46px; } .page-header .kopa-course-search-widget .course-form .row > div .select-block i { top: 0; right: 0; line-height: 36px; } /* Kopa course search 2 widget ---------------------------------- */ .kopa-course-search-2-widget { background-color: #f2f4f5; padding: 25px 30px; } .kopa-course-search-2-widget .course-form { position: relative; } .kopa-course-search-2-widget .course-form .select-block { position: relative; margin-top: 20px; } .kopa-course-search-2-widget .course-form .select-block select { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 0; outline: 0; background: #fff; height: 44px; line-height: 32px; padding: 5px 15px; width: 100%; color: #a7aebf; } .kopa-course-search-2-widget .course-form .select-block select:focus { outline: 0; } .kopa-course-search-2-widget .course-form .select-block i { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 34px; font-size: 16px; background: #fff; position: absolute; top: 1px; right: 1px; cursor: default; pointer-events: none; border-left: none; display: block; } .kopa-course-search-2-widget .course-form .course-submit { border: none; color: #fff; line-height: 44px; padding: 0 30px; font-size: 14px; text-transform: uppercase; border-radius: 0px; display: inline-block; margin-top: 20px; } /* Kopa testimonial 1 widget ---------------------------------- */ .kopa-testimonial-1-widget .owl-carousel-7 .item { padding-bottom: 10px; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination { margin: 20px 0 0; text-align: left; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; border-color: #c0cad8; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page.active span, .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-testimonial-1-widget .testimonial-item { background-color: #f2f4f5; position: relative; padding: 25px 30px; } .kopa-testimonial-1-widget .testimonial-item div { font-style: italic; margin-bottom: 20px; } .kopa-testimonial-1-widget .testimonial-item p strong { color: #EDBD36; font-weight: 400; } .kopa-testimonial-1-widget .testimonial-item:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; margin-left: 0; left: 30px; } /* Kopa article list 4 widget ---------------------------------- */ .kopa-article-list-4-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-article-list-4-widget ul li { float: left; margin: 30px 0 0; list-style: none; width: 50%; padding: 0 15px; } .kopa-article-list-4-widget ul li .entry-item { background-color: #e6e9eb; } .kopa-article-list-4-widget ul li .entry-item .entry-thumb { width: 140px; margin-right: 20px; } .kopa-article-list-4-widget ul li .entry-item .entry-content { padding: 15px 20px 15px 0; } .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-title { text-transform: uppercase; font-weight: 400; margin-bottom: 0; } /* Kopa masonry list 2 widget ---------------------------------- */ .kopa-masonry-list-2-widget .masonry-list-wrapper { margin: -30px 0 0 -30px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li { float: left; margin: 30px 0 0; list-style: none; padding: 0 0 0 30px; width: 25%; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item { position: relative; background-color: #fff; } @media screen and (max-width: 799px) { .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(4n+5) { clear: both; } } @media screen and (max-width: 767px) { .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(4n+5) { clear: none; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(3n+4) { clear: both; } } @media screen and (max-width: 639px) { .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(3n+4) { clear: none; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(2n+3) { clear: both; } } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item.hot-item .entry-thumb .entry-hot { display: block; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { margin-bottom: 25px; position: relative; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { color: #fff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 10px; top: 0; line-height: 1; display: none; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 28px solid; top: 100%; left: -28px; left: auto; right: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 28px solid; top: 100%; right: -28px; right: auto; left: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img { width: 100%; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating { position: absolute; right: 30px; bottom: 15px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating li { color: #fff; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding: 0 30px 25px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher { margin-bottom: 5px; color: #a7aebf; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher a { color: #a7aebf; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title { margin-bottom: 0; text-transform: uppercase; font-weight: 400; font-size: 15px; line-height: 21px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-course-list-1 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { margin-bottom: 0; } .kopa-course-list-1 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding-top: 20px; border-right: 1px solid #f2f4f5; border-left: 1px solid #f2f4f5; border-bottom: 1px solid #f2f4f5; } .kopa-course-list-1 .load-more { display: inline-block; padding-right: 140px; padding-left: 140px; } .load-more { cursor: pointer; } /* Kopa masonry list 3 widget ---------------------------------- */ .kopa-masonry-list-3-widget .masonry-list-wrapper { margin: -30px 0 0 -30px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li { float: left; margin: 30px 0 0; list-style: none; padding: 0 0 0 30px; width: 33.333333%; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item { position: relative; background-color: #fff; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item.hot-item .entry-thumb .entry-hot { display: block; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { position: relative; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { color: #fff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 10px; top: 0; line-height: 1; display: none; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 28px solid; top: 100%; left: -28px; left: auto; right: 0; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 28px solid; top: 100%; right: -28px; right: auto; left: 0; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img { width: 100%; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating { position: absolute; right: 30px; bottom: 15px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating li { color: #fff; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding: 25px 30px; border-right: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content header { margin-bottom: 7px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title { margin-bottom: 30px; text-transform: uppercase; font-weight: 400; font-size: 16px; line-height: 22px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .price-box { color: #fff; border-radius: 5px; padding: 8px 20px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .price-box span { margin-right: 5px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .price-box strong, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .price-box ins { font-size: 18px; text-transform: uppercase; font-weight: 400; text-decoration: none; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .kopa-rating { margin-top: 8px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .kopa-rating li { color: #EDBD36; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-masonry-list-3-widget .pagination { border-top: 1px solid #e2e2e3; padding-top: 30px; margin-top: 60px; } /* Kopa course list 3 widget ---------------------------------- */ .kopa-course-list-3-widget .kopa-result-search { border-bottom: 1px solid #e2e2e3; padding-bottom: 10px; margin-bottom: 25px; font-size: 16px; line-height: 22px; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div { float: left; padding: 15px 20px; color: #fff; font-size: 20px; line-height: 1; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.name-col { width: 52%; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.duration-col { width: 17%; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.date-col { width: 19%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list { margin: 0; padding: 0; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; background-color: #fff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:nth-child(even) { background-color: #f2f4f5; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:hover { color: #fff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:hover > div a { color: #fff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div { float: left; padding: 15px 20px; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.name-col { width: 52%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.duration-col { width: 17%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.date-col { width: 19%; } /* { } Kopa tab 1 widget ---------------------------------- */ .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 { background-color: transparent; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li { border-right: none; margin-left: 2px; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li:first-child { margin-left: 0; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li > a { background-color: #fff; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li.active > a, .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li:hover > a { background-color: #262c56; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content { background-color: #f7f7f7; border: none; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane > p { font-size: 14px; color: #a7aebf; line-height: 22px; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane > h5 { font-size: 14px; line-height: 22px; font-weight: 400; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6 { font-family: "Open Sans", sans-serif; font-size: 14px; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6:hover { background-color: #EDBD36; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6:hover a { color: #fff; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li.active h6 { background-color: #EDBD36; color: #fff; } /* Kopa article list 5 widget ---------------------------------- */ .kopa-article-list-5-widget .widget-content ul { margin: 0; padding: 0; } .kopa-article-list-5-widget .widget-content ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-thumb { width: 160px; margin-right: 30px; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content { overflow: hidden; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 10px; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content header .entry-time { color: #EDBD36; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 15px; } /* Kopa ads 2 widget ---------------------------------- */ .kopa-ads-2-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-ads-2-widget ul li { float: left; margin: 30px 0 0; list-style: none; padding: 0 15px; width: 33.333333%; } /* Kopa service 1 widget ---------------------------------- */ .kopa-service-1-widget .widget-content .row { margin-bottom: 30px; } .kopa-service-1-widget .widget-content .row:last-child { margin-bottom: 0; } .kopa-service-1-widget .widget-content .row > div .entry-item { background-color: #f2f4f5; padding: 30px; } .kopa-service-1-widget .widget-content .row > div .entry-item > i { width: 50px; height: 65px; text-align: center; color: #fff; border-radius: 50px; line-height: 65px; font-size: 30px; overflow: hidden; margin: 0 30px 0 0 !important; position: relative; } .kopa-service-1-widget .widget-content .row > div .entry-item > i:after { content: ""; position: absolute; top: -35px; left: -15px; width: 150%; background-color: rgba(255, 255, 255, 0.25); height: 100%; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content { overflow: hidden; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; position: relative; padding-bottom: 12px; margin-bottom: 20px; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content .entry-title:before { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; background-color: rgba(23, 55, 110, 0.1); width: 90px; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content > p { line-height: 24px; } .kopa-service-1-widget .widget-content .text-center .kopa-button { margin: 30px 8px 0; font-size: 16px; padding: 22px 35px; } .kopa-service-1-widget .widget-content .text-center .kopa-button.kopa-line-button { padding: 21px 35px; } /* Kopa service 2 widget ---------------------------------- */ .kopa-service-2-widget .widget-content .row > div .entry-item { text-align: center; padding: 0 30px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-thumb { display: inline-block; height: 100px; width: 100px; line-height: 100px; border-radius: 50%; background-color: #f2f4f5; color: #545454; overflow: hidden; font-size: 50px; text-align: center; position: relative; margin-bottom: 20px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-thumb:before { content: ""; width: 50%; left: 50%; top: 0; position: absolute; height: 100%; background-color: #d3d3d3; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content { overflow: hidden; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title { font-size: 24px; line-height: 30px; position: relative; padding-bottom: 15px; margin-bottom: 20px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title span { display: block; text-transform: uppercase; font-size: 14px; line-height: 1; color: #a7add5; font-family: "Open Sans", sans-serif; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -45px; height: 2px; background-color: rgba(23, 55, 110, 0.1); width: 90px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content > p { line-height: 24px; font-size: 16px; } /* Kopa tagline 1 widget ---------------------------------- */ .kopa-tagline-1-widget { text-align: center; } .kopa-tagline-1-widget h3 { font-size: 32px; line-height: 38px; color: #fff; margin-bottom: 40px; } .kopa-tagline-1-widget .kopa-line-button { font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 300; padding-left: 30px; padding-right: 30px; } /* Kopa tagline 2 widget ---------------------------------- */ .kopa-tagline-2-widget { text-align: center; } .kopa-tagline-2-widget .kopa-line-button { font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 300; border-width: 2px; } .kopa-tagline-2-widget .kopa-button { margin: 0 8px; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 300; } .kopa-tagline-2-widget .pink-button { padding-top: 16px; padding-bottom: 16px; } .kopa-tagline-2-widget .medium-button { padding-right: 40px; padding-left: 40px; } /* Kopa article list 6 widget ---------------------------------- */ .kopa-article-list-6-widget .entry-item .entry-content .entry-title { position: relative; padding-bottom: 20px; text-transform: uppercase; margin-bottom: 25px; } .kopa-article-list-6-widget .entry-item .entry-content .entry-title:before { content: ""; position: absolute; height: 2px; width: 90px; left: 0; bottom: 0; background-color: #f2f4f5; } .kopa-article-list-6-widget .entry-item .entry-content > p { line-height: 24px; } .kopa-article-list-6-widget .entry-item .entry-content ul { margin: 40px 0 0; padding: 0; border-bottom: 1px solid #eeeeee; } .kopa-article-list-6-widget .entry-item .entry-content ul li { float: none; margin: 0; list-style: none; border-top: 1px solid #eeeeee; padding: 10px 0; } .kopa-article-list-6-widget .entry-item .entry-content ul li i { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; margin-right: 15px !important; } .kopa-article-list-6-widget .entry-item .entry-content ul li h6 { margin: 0 8px 0 0; line-height: 30px; font-size: 14px; } .kopa-article-list-6-widget .entry-item .entry-content ul li span { line-height: 30px; } .kopa-article-list-6-widget .entry-item .entry-content .kopa-button { margin-top: 40px; } /* Kopa article list 7 widget ---------------------------------- */ .kopa-article-list-7-widget .entry-item { position: relative; } .kopa-article-list-7-widget .entry-item .entry-thumb { position: relative; } .kopa-article-list-7-widget .entry-item .entry-title { width: 100%; position: absolute; bottom: 0; font-size: 28px; line-height: 34px; margin-bottom: 0; padding: 0 30px 20px; } .kopa-article-list-7-widget .entry-item .entry-title a { color: #fff; } .kopa-article-list-7-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } /* Kopa article list 8 widget ---------------------------------- */ .kopa-article-list-8-widget ul { margin: -30px 0 0; padding: 0; } .kopa-article-list-8-widget ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-article-list-8-widget ul li .entry-item { position: relative; } .kopa-article-list-8-widget ul li .entry-item .entry-thumb { position: relative; width: 84px; margin-right: 20px; } .kopa-article-list-8-widget ul li .entry-item .entry-content { overflow: hidden; } .kopa-article-list-8-widget ul li .entry-item .entry-content .entry-title { font-weight: 400; font-size: 15px; margin-bottom: 8px; line-height: 20px; } .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-author a, .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-meta, .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-date { color: #637587; } /* Kopa article list 9 widget ---------------------------------- */ .kopa-article-list-9-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-article-list-9-widget ul li { float: left; margin: 30px 0 0; list-style: none; width: 50%; padding: 0 15px; } .kopa-article-list-9-widget ul li .entry-item { background-color: #e6e9eb; position: relative; } .kopa-article-list-9-widget ul li .entry-item .entry-thumb { width: 140px; margin-right: 20px; } .kopa-article-list-9-widget ul li .entry-item .entry-content { padding: 30px 20px 15px 0; } .kopa-article-list-9-widget ul li .entry-item .entry-content .entry-title { text-transform: uppercase; font-weight: 400; margin-bottom: 0; } .kopa-article-list-9-widget ul li .entry-item .more-link { line-height: 36px; padding: 0 14px; color: #fff; font-size: 20px; position: absolute; right: 0; bottom: 0; } .kopa-article-list-9-widget ul li .entry-item .more-link:hover { background-color: rgba(23, 55, 110, 0.4); } /* Kopa article list 10 widget ---------------------------------- */ .kopa-article-list-10-widget .widget-content { overflow: hidden; } .kopa-article-list-10-widget .widget-content ul { margin: -60px -15px 0; padding: 0; } .kopa-article-list-10-widget .widget-content ul li { float: left; margin: 60px 0 0 0; list-style: none; padding: 0 15px; width: 50%; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb { margin-bottom: 25px; position: relative; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb:hover .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon { border-radius: 50%; width: auto; height: auto; padding: 0; background-color: transparent; right: 50%; bottom: auto; top: 50%; margin: -30px -30px 0 0; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon span { width: 60px; line-height: 56px; height: 60px; border-radius: 50%; border: 2px solid #fff; font-size: 26px; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 5px; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 17px; text-transform: uppercase; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content .kopa-button { margin-top: 15px; font-size: 12px; } /* Kopa article list 11 widget ---------------------------------- */ .kopa-article-list-11-widget .widget-content .entry-thumb { margin-bottom: 5px; text-align: center; } .kopa-article-list-11-widget .widget-content .entry-thumb img { width: auto; } .kopa-article-list-11-widget .widget-content .entry-content > p { margin-bottom: 25px; } /* Kopa ads 3 widget ---------------------------------- */ .kopa-ads-3-widget .widget-content { overflow: hidden; } .kopa-ads-3-widget .owl-carousel-4 { margin: 0 -15px; } .kopa-ads-3-widget .owl-carousel-4 .item { padding: 0 15px; } .kopa-ads-3-widget .owl-carousel-4 .item img { width: 100%; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination { margin-top: 25px; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page span { width: 10px; height: 10px; border: 1px solid #c4cbd1; margin: 0 2px; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page.active span, .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page:hover span { transform: none; -webkit-transform: none; -moz-transform: none; } /* Kopa tagline 3 widget ---------------------------------- */ .kopa-tagline-3-widget { text-align: center; background-color: #f2f4f5; padding: 50px 40px; border-radius: 5px; } .kopa-tagline-3-widget .entry-title { position: relative; margin-bottom: 35px; } .kopa-tagline-3-widget .entry-title h2 { font-size: 40px; line-height: 46px; margin-bottom: 15px; } .kopa-tagline-3-widget .entry-title h2 a { color: #262c56; } .kopa-tagline-3-widget .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; } .kopa-tagline-3-widget .entry-title p:before, .kopa-tagline-3-widget .entry-title p:after { content: ""; height: 1px; width: 75px !important; position: absolute; left: 0; top: 0; background-color: #a7abbd; } .kopa-tagline-3-widget .entry-title p:after { left: auto; right: 0; } .kopa-tagline-3-widget .entry-title p > span { width: 16px; height: 8px; background-color: #a7abbd; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .kopa-tagline-3-widget .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #a7abbd; top: 0; left: -8px; left: auto; right: 0; } .kopa-tagline-3-widget .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #a7abbd; top: 0; right: -8px; right: auto; left: 0; } .kopa-tagline-3-widget > p { font-size: 16px; line-height: 24px; } .kopa-tagline-3-widget .kopa-button { margin-top: 30px; padding-left: 30px; padding-right: 30px; font-size: 16px; } .kopa-tagline-3-widget .kopa-button.kopa-line-button { border-width: 2px; } /* Kopa tagline 4 widget ---------------------------------- */ .kopa-tagline-4-widget { text-align: center; background-color: #262c56; padding: 50px 40px; border-radius: 5px; } .kopa-tagline-4-widget .entry-title { position: relative; margin-bottom: 35px; } .kopa-tagline-4-widget .entry-title h2 { font-size: 40px; line-height: 46px; margin-bottom: 15px; } .kopa-tagline-4-widget .entry-title h2 a { color: #fff; } .kopa-tagline-4-widget .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; color: #fff; } .kopa-tagline-4-widget .entry-title p:before, .kopa-tagline-4-widget .entry-title p:after { content: ""; height: 1px; width: 75px !important; position: absolute; left: 0; top: 0; background-color: #fff; } .kopa-tagline-4-widget .entry-title p:after { left: auto; right: 0; } .kopa-tagline-4-widget .entry-title p > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .kopa-tagline-4-widget .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #fff; top: 0; left: -8px; left: auto; right: 0; } .kopa-tagline-4-widget .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; top: 0; right: -8px; right: auto; left: 0; } .kopa-tagline-4-widget > p { font-size: 16px; line-height: 24px; color: #fff; } .kopa-tagline-4-widget .kopa-button { margin-top: 30px; padding-left: 30px; padding-right: 30px; font-size: 16px; } /* Kopa tagline 5 widget ---------------------------------- */ .kopa-tagline-5-widget h3 { font-size: 34px; line-height: 40px; color: #fff; margin-bottom: 0px; } .kopa-tagline-5-widget h3 span { font-size: 24px; font-weight: 300; display: block; } .kopa-tagline-5-widget .kopa-button { font-size: 13px; font-family: "Open Sans", sans-serif; font-weight: 300; padding-left: 30px; padding-right: 30px; } /* Kopa owl 5 widget ---------------------------------- */ .kopa-owl-5-widget .widget-content { margin: 0 -15px; } .kopa-owl-5-widget .owl-carousel-5 .item { padding: 0 15px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-thumb { margin-bottom: 30px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header { margin-bottom: 20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 3px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title a { color: #262c56; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header span { text-transform: uppercase; font-size: 13px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content > p { font-style: italic; margin-bottom: 25px; } .social-links { list-style: none; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li a:hover { color: #EDBD36; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div { width: 63px; height: 68px; margin: 0; line-height: 68px; font-size: 30px; border: none; background-color: #EDBD36; top: 100px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div.owl-prev { left: -9.4%; border-radius: 0 5px 5px 0; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div.owl-next { right: -9.4%; border-radius: 5px 0 0 5px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page span { border-color: #d2d8df; margin: 0 4px; width: 10px; height: 10px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page.active span, .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #EDBD36; border-color: #EDBD36; } /* Kopa owl 6 widget ---------------------------------- */ .kopa-owl-6-widget .owl-carousel-8 .item .entry-item { position: relative; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-thumb { position: relative; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title { text-transform: uppercase; margin-bottom: 0; position: absolute; left: 0; bottom: 25px; width: 100%; padding: 0 90px 0 30px; letter-spacing: 2px; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title a { color: #fff; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons { position: absolute; right: 0; bottom: 0; width: auto; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons div { width: 60px; height: 60px; margin: 0; line-height: 60px; font-size: 30px; border: none; position: static; border-radius: 0; display: block; color: #a7add5; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons div:hover { color: #a7add5; background-color: #fff; } .kopa-area .widget_nav_menu ul { margin-top: -10px; } .kopa-area .widget_nav_menu ul li { border: none; padding-top: 0; padding-bottom: 0; } .kopa-area .widget_nav_menu ul li:hover { background-color: #f2f4f5; padding-left: 15px; } .kopa-area .widget_nav_menu ul li a { position: relative; display: inline-block; } .kopa-area .widget_nav_menu ul li .sub-menu { margin-top: 10px; padding-top: 0px; padding-left: 0; margin-left: 0px; } /* Kopa blog list 1 widget ---------------------------------- */ .kopa-blog-list-1-widget .entry-item { margin-top: 60px; } .kopa-blog-list-1-widget .entry-item:first-child { margin-top: 0; } .kopa-blog-list-1-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-blog-list-1-widget .entry-item .entry-thumb { position: relative; } .kopa-blog-list-1-widget .entry-item .entry-content { border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; border-bottom: 1px solid #f2f4f5; padding: 20px 30px 60px; } .kopa-blog-list-1-widget .entry-item .entry-content .meta-box { margin-bottom: 20px; } .kopa-blog-list-1-widget .entry-item .entry-content .kopa-button { margin-top: 10px; } .kopa-blog-list-1-widget .entry-item.audio-post .entry-content, .kopa-blog-list-1-widget .entry-item.video-post .entry-content { margin-top: -3px; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; border-radius: 0; font-size: 30px; z-index: 10; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #EDBD36; color: #fff; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } /* Kopa blog list 2 widget ---------------------------------- */ .kopa-blog-list-2-widget .entry-item { margin-top: 30px; border-bottom: solid 1px #f2f4f5; padding-bottom: 30px; } .kopa-blog-list-2-widget .entry-item:first-child { margin-top: 0; } .kopa-blog-list-2-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-blog-list-2-widget .entry-item .entry-thumb { position: relative; margin-right: 30px; float: left; } .kopa-blog-list-2-widget .entry-item .entry-content .meta-box { overflow: hidden; margin-bottom: 20px; } .kopa-blog-list-2-widget .entry-item .entry-content .entry-title { font-size: 36px; line-height: 44px; font-weight: 400; } .kopa-blog-list-2-widget .entry-item .entry-content .kopa-button { margin-top: 10px; } .kopa-blog-list-2-widget .entry-item.audio-post .entry-content, .kopa-blog-list-2-widget .entry-item.video-post .entry-content { margin-top: -3px; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 15px; left: 0; z-index: 10; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div { width: 40px; height: 44px; line-height: 44px; margin: -24px 0 0; border: none; border-radius: 0; font-size: 20px; z-index: 10; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #EDBD36; color: #fff; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } .kopa-blog-list-2-widget .entry-item.quote-post .entry-thumb { width: 100%; float: none; margin-right: 0; } .kopa-blog-list-2-widget .entry-item.quote-post .entry-thumb blockquote { margin-bottom: 0; } /* Kopa social widget ---------------------------------- */ .kopa-social-widget ul { margin: -10px -5px 0 -5px; padding: 0; } .kopa-social-widget ul li { text-align: center; float: left; margin: 10px 0 0; list-style: none; padding: 0 5px; width: 33.333333%; } .kopa-social-widget ul li.facebook-icon div { background-color: #3b59a1; } .kopa-social-widget ul li.twitter-icon div { background-color: #46b0e4; } .kopa-social-widget ul li.gplus-icon div { background-color: #dd4c39; } .kopa-social-widget ul li div { padding: 15px 0 10px; } .kopa-social-widget ul li div a { border-radius: 50%; width: 40px; line-height: 40px; color: #fff; display: inline-block; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.2); font-size: 16px; } .kopa-social-widget ul li div a:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .kopa-social-widget ul li div p { color: #fff; } /* Kopa recent comments widget ---------------------------------- */ .kopa-recent-comment-widget ul { margin: 0; padding: 0; } .kopa-recent-comment-widget ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-recent-comment-widget ul li:first-child { margin: 0; } .kopa-recent-comment-widget ul li .comment-item .comment-content { background-color: #f2f4f5; padding: 15px 20px; position: relative; margin-bottom: 40px; } .kopa-recent-comment-widget ul li .comment-item .comment-content:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; margin-left: 0; left: 30px; } .kopa-recent-comment-widget ul li .comment-item .comment-content i { color: #EDBD36; margin-right: 12px !important; margin-top: 3px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-avatar { width: 40px; margin-right: 15px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name { margin-top: -3px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 { margin-bottom: 3px; font-weight: 400; font-size: 14px; line-height: 20px; font-family: "Open Sans", sans-serif; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 a { color: #242a52; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 a:hover { color: #EDBD36; } /* Kopa ourteam widget ---------------------------------- */ .kopa-ourteam-widget .widget-content ul { margin: 0; padding: 0; } .kopa-ourteam-widget .widget-content ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-ourteam-widget .widget-content ul li:first-child { margin: 0; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-thumb { width: 120px; margin-right: 30px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-thumb img { border-radius: 3px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content { margin-top: -5px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 15px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 5px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header > span { font-size: 16px; } /* Kopa testimonial 2 widget ---------------------------------- */ .kopa-testimonial-2-widget .widget-content .text-center { margin-bottom: 50px; } .kopa-testimonial-2-widget .widget-content .text-center i { font-size: 40px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item { background-color: #fff; padding: 30px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-thumb { width: 210px; margin-right: 30px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-thumb img { border-radius: 50%; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header { margin-bottom: 15px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header .entry-title { font-size: 32px; line-height: 38px; margin-bottom: 0; font-weight: 700; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header span { text-transform: uppercase; font-size: 16px; display: inline-block; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content p { font-style: italic; font-size: 16px; line-height: 24px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page span { width: 12px; height: 12px; border-color: rgba(99, 117, 135, 0.4); margin: 0 7px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page.active span, .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Kopa masonry list 2 widget ---------------------------------- */ .kopa-document-widget .masonry-list-wrapper { margin: -30px 0 0 -30px; } .kopa-document-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li { float: left; margin: 30px 0 0; list-style: none; padding: 0 0 0 30px; width: 50%; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block { position: relative; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header { padding: 30px; background-color: #fbfbfb; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header i { width: 40px; height: 40px; line-height: 36px; border: 2px solid; border-radius: 50%; text-align: center; margin: 0 20px 0 0 !important; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header h5 { line-height: 40px; margin-bottom: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul { margin: 0; padding: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li { float: none; margin: 0; list-style: none; background-color: #f2f4f5; border-top: 1px solid #fff; padding: 15px 30px; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a { display: inline-block; position: relative; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a:before { content: "\f0f6"; margin-right: 15px; } /* Kopa course comment widget ---------------------------------- */ .kopa-course-comment-widget #respond .comment-form .row > div .comment-button input[type="submit"] { border: none; color: #061a35; text-transform: uppercase; background-color: #eeeeee; font-family: "Open Sans", sans-serif; font-weight: 500; } /* Kopa event list 1 widget ---------------------------------- */ .kopa-event-list-1-widget .entry-item { margin-bottom: 25px; } .kopa-event-list-1-widget .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 30px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content { border: 1px solid #e2e2e3; padding: 30px; border-radius: 3px 3px 0px 0px } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date { border-radius: 5px; border: 1px solid #bdc7d6; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 15px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date p { padding: 0 14px; background-color: #EDBD36; color: #fff; line-height: 18px; margin-bottom: 10px; border-radius: 3px 3px 0 0; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date strong { font-size: 30px; font-weight: 400; display: block; padding: 0 14px; margin: 0 0 5px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date span { display: block; padding: 0 14px; font-size: 13px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail { overflow: hidden; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail header { margin-bottom: 5px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail .entry-title { font-weight: 400; margin-bottom: 20px; } .kopa-event-list-1-widget .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .load-more { text-align: center; text-transform: uppercase; border-radius: 5px; font-family: "Open Sans", sans-serif; display: block; background-color: #f2f4f5; padding: 13px 15px; margin-top: 55px; } /* Kopa event list 2 widget ---------------------------------- */ .kopa-event-list-2-widget .entry-item { margin-top: 60px; } .kopa-event-list-2-widget .entry-item:first-child { margin-top: 0; } .kopa-event-list-2-widget .entry-item .entry-thumb { float: left; width: 350px; margin-right: 30px; position: relative; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date { background-color: #eeeeee; border-radius: 50px; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 10px; position: absolute; left: 30px; top: 30px; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date p { padding: 0 14px; color: #fff; line-height: 18px; margin-bottom: 8px; border-radius: 50px 3px 0 0; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date strong { font-size: 24px; font-weight: 400; display: block; padding: 0 14px; margin: 0 0 2px; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date span { display: block; padding: 0 14px; font-size: 12px; } .kopa-event-list-2-widget .entry-item .entry-content { overflow: hidden; } .kopa-event-list-2-widget .entry-item .entry-content header { margin-bottom: 5px; } .kopa-event-list-2-widget .entry-item .entry-content .entry-title { font-weight: 400; margin-bottom: 13px; } .kopa-event-list-2-widget .entry-item .entry-content .free-item { text-transform: uppercase; color: #EDBD36; font-size: 16px; font-weight: 400; display: inline-block; margin-bottom: 13px; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date, .kopa-event-list-2-widget .entry-item .entry-content .entry-location { display: block; margin: 15px 0 10px; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date i, .kopa-event-list-2-widget .entry-item .entry-content .entry-location i { color: #EDBD36; font-size: 16px; margin-right: 10px !important; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date span, .kopa-event-list-2-widget .entry-item .entry-content .entry-location span { margin-top: 3px; } .kopa-event-list-2-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } /* Kopa event list 3 widget ---------------------------------- */ .kopa-event-list-3-widget .row { margin-top: 30px; } .kopa-event-list-3-widget .row:first-child { margin-top: 0; } .kopa-event-list-3-widget .row > div .entry-item .entry-thumb { position: relative; margin-right: 30px; float: left; width: 255px; } .kopa-event-list-3-widget .row > div .entry-item .entry-content { overflow: hidden; } .kopa-event-list-3-widget .row > div .entry-item .entry-content header { margin-bottom: 5px; } .kopa-event-list-3-widget .row > div .entry-item .entry-content .entry-title { font-weight: 400; margin-bottom: 20px; } .kopa-event-list-3-widget .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-event-list-3-widget .pagination { border-top: 1px solid #e2e2e3; padding-top: 30px; margin-top: 60px; } /* Kopa event list 4 widget ---------------------------------- */ .kopa-event-list-4-widget .row { background-color: #f2f4f5; border-bottom: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; margin-left: 0; margin-right: 0; } .kopa-event-list-4-widget .row:first-child { border-top: 1px solid #e2e2e3; } .kopa-event-list-4-widget .row > div { padding-left: 0; padding-right: 0; border-right: 1px solid #e2e2e3; } .kopa-event-list-4-widget .entry-item { height: 340px; overflow: hidden; padding: 30px 30px 30px; } .kopa-event-list-4-widget .entry-item header { margin-bottom: 30px; } .kopa-event-list-4-widget .entry-item .entry-date { font-size: 52px; font-weight: 700; line-height: 58px; margin-bottom: 10px; } .kopa-event-list-4-widget .entry-item .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; } .kopa-event-list-4-widget .entry-item .more-link { margin-top: 20px; } .kopa-event-list-4-widget .entry-item:hover .entry-date { color: #fff; } .kopa-event-list-4-widget .entry-item:hover .entry-title a { color: #fff; } .kopa-event-list-4-widget .entry-item:hover .more-link { color: #a7add5; } .kopa-event-list-4-widget .entry-item:hover .more-link i { border-color: #fff; color: #fff; } .kopa-event-list-4-widget .entry-item:hover .more-link i:before { color: #fff; } /* Kopa course tab 1 widget ---------------------------------- */ .kopa-course-tab-list-1-widget { padding: 0 15px; } .kopa-course-tab-list-1-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Open Sans", sans-serif; line-height: 30px; } .kopa-course-tab-list-1-widget .tab-pane { position: relative; } .kopa-course-tab-list-1-widget .tab-pane .pagination { position: absolute; top: 0px; right: 0px; margin: 0; } .kopa-course-tab-list-1-widget .tab-pane .pagination ul.page-numbers li span.current { background-color: #b4bac2; border-color: #b4bac2; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper { margin-bottom: 50px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper:last-child { margin-bototm: 0; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper > h5 { font-size: 20px; line-height: 26px; margin-bottom: 25px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header { background-color: #b4bac2; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div { float: left; padding: 15px 20px; color: #fff; font-size: 20px; line-height: 1; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.name-col { width: 51%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.duration-col { width: 17%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.date-col { width: 20%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list { margin: 0; padding: 0; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; background-color: #fff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:nth-child(even) { background-color: #f2f4f5; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:hover { background-color: #b4bac2; color: #fff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:hover > div a { color: #fff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div { float: left; padding: 15px 20px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.stt-col { width: 13%; text-transform: uppercase; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.name-col { width: 50%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.duration-col { width: 17%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.date-col { width: 20%; } /* Kopa course tab 2 widget ---------------------------------- */ .kopa-course-tab-list-2-widget { padding: 0 15px; } .kopa-course-tab-list-2-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Open Sans", sans-serif; line-height: 30px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header { margin-bottom: 25px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header h5 { font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 12px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header .pagination { margin: 0; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header .pagination ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row { margin-left: -7px; margin-right: -7px; margin-top: 30px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row:first-child { margin-top: 0; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div { padding-left: 7px; padding-right: 7px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item { border: 1px solid #e2e2e3; background-color: #f2f4f5; padding: 20px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .entry-title a { color: #fff; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link { color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link i { border-color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link i:before { color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 10px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-categories { margin-bottom: 5px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 400; } /* Kopa course tab 3 widget ---------------------------------- */ .kopa-course-tab-list-3-widget { padding: 0 15px; } .kopa-course-tab-list-3-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Open Sans", sans-serif; line-height: 30px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header { margin-bottom: 25px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header h5 { font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 12px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header .pagination { margin: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header .pagination ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row { margin-left: -7px; margin-right: -7px; margin-top: 30px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row:first-child { margin-top: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div { padding-left: 7px; padding-right: 7px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item { background-color: #f2f4f5; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb { position: relative; width: 150px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb .kopa-rating { position: absolute; top: 10px; left: 20px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb .kopa-rating li { color: #fff; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content { padding: 23px 25px 20px; overflow: hidden; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content header { margin-bottom: 5px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 10px; font-weight: 400; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link { font-size: 13px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link i { color: #fff; height: 18px; width: 18px; line-height: 14px; } /* Kopa portfolio list 1 widget ---------------------------------- */ .resource-icon {display: table-cell; vertical-align: middle; margin-right: 20px} .online-learning .ricon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: FontAwesome; content:"\f109"; font-size: 43px; color: #EDBD36; border-radius: 10px; padding:28px 15px; background: #fff; } .resources .ricon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: FontAwesome; content:"\f02d"; font-size: 40px; color:#EDBD36; background: #fff; border-radius: 10px; padding:30px 20px; } .kopa-portfolio-list-1-widget .filters-options { margin-bottom: 80px; text-align: center; } .kopa-portfolio-list-1-widget .filters-options li { margin: 0 0 2px 8px; padding: 10px 20px; border: 1px solid #f2f4f5; border-radius: 5px 5px 0px 0px; font-size: 12px; font-weight: 400; display: inline-block; cursor: pointer; text-transform: uppercase; position: relative; line-height: 1; } .kopa-portfolio-list-1-widget .filters-options li.active, .kopa-portfolio-list-1-widget .filters-options li:hover { color: #fff; } .kopa-portfolio-list-1-widget .filters-options li input { display: none; } .kopa-portfolio-list-1-widget .portfolio-container { position: relative; margin-top:15px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item { overflow: hidden; margin: 0; padding: 0; display: flex; flex-flow: row wrap; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 { list-style: none; border: 1px solid #ddd; margin: 1%; width: 31%; padding:0px } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb { position: relative; border-radius: 5px 5px 0 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask { border-radius: 5px 5px 0 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box { text-align: center; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box a { width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 18px; display: inline-block; border-radius: 50%; margin: 0 8px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { width: 100%; height: auto; display: block; border-radius: 5px 5px 0 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content { width: 100%; padding: 30px 30px 20px; } .resource-subs {background:#eee; padding:5px 30px; border:1px solid #e2e2e3; font-size: 10px; color:#333; border-top: none} .resource-content {display: table-cell; vertical-align: middle; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content header { margin-bottom: 5px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title { font-size: 24px; line-height: 28px; margin-bottom: 0; font-weight: 400; } .kopa-portfolio-list-1-widget .load-more { display: inline-block; padding-left: 40px; padding-right: 40px; } .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb { border-radius: 0; } .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask, .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { border-radius: 0; } /* Kopa portfolio list 2 widget ---------------------------------- */ .kopa-portfolio-list-2-widget .filters-options-wrapper { margin-bottom: 60px; border-top: 3px double #e2e2e3; border-bottom: 3px double #e2e2e3; padding: 15px 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper > span { line-height: 1; display: block; margin-right: 25px; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options { margin: 0; padding: 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li { margin: 0; padding: 0 15px; border-left: 1px solid #e2e2e3; float: left; cursor: pointer; position: relative; line-height: 1; list-style: none; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span { position: relative; display: block; line-height: 1; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span:before { height: 3px; width: 100%; content: ""; border-top: 3px double #EDBD36; left: 0; top: -18px; position: absolute; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li:first-child { border-left: none; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li.active span:before, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li:hover span:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li input { display: none; } .kopa-portfolio-list-2-widget .portfolio-container { position: relative; margin: 0 -1px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item { overflow: hidden; margin: 0; padding: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 { float: left; margin: 0; list-style: none; padding: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item { position: relative; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item:hover .entry-content { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { width: 100%; height: auto; display: block; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content { background-color: rgba(23, 55, 110, 0.9); position: absolute; width: 100%; left: 0; height: 100%; top: 0; padding: 60px 30px 30px; text-align: center; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box { text-align: center; margin-bottom: 15px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box a { color: #fff; font-size: 16px; display: inline-block; margin: 0 10px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: 300; text-transform: uppercase; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title a { color: #fff; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories { color: #c2c8d4; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories a { color: #c2c8d4; } .kopa-portfolio-list-2-widget .load-more { display: inline-block; padding-left: 40px; padding-right: 40px; border-radius: 0; } /* Kopa professor list 1 widget ---------------------------------- */ .kopa-professor-list-1-widget .row { margin-top: 50px; } .kopa-professor-list-1-widget .row:first-child { margin-top: 0; } .kopa-professor-list-1-widget .row > div .entry-item .entry-thumb { margin-bottom: 30px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header { margin-bottom: 20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 3px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title a { color: #262c56; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header span { text-transform: uppercase; font-size: 13px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content > p { font-style: italic; margin-bottom: 25px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li a:hover { color: #EDBD36; } .kopa-professor-list-1-widget .pagination { margin-top: 55px; border-top: 1px solid #e2e2e3; padding-top: 60px; } /*--- kopa-intro-widget ---*/ .kopa-intro-widget { text-align: center; } .widget-header.s1 { position: relative; padding-bottom: 18px; margin-bottom: 40px; } .kopa-lb, .kopa-lb-1 { width: 16px; height: 8px; background: #a1a1a1; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .kopa-lb:before, .kopa-lb-1:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #c1c1c1; top: 0; left: -8px; left: auto; right: 0; } .kopa-lb:after, .kopa-lb-1:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #c1c1c1; top: 0; right: -8px; right: auto; left: 0; } .kopa-lb span:before, .kopa-lb-1 span:before, .kopa-lb span:after, .kopa-lb-1 span:after { content: ""; position: absolute; height: 1px; width: 76px; background: rgba(255, 255, 255, 0.3); top: 7px; left: -92px; } .kopa-lb span:after, .kopa-lb-1 span:after { left: auto; right: -92px; } .kopa-lb-1 { background: #d7d7d8; } .kopa-lb-1:before { border-right-color: #eeeeee; } .kopa-lb-1:after { border-left-color: #eeeeee; } .kopa-lb-1 span:before, .kopa-lb-1 span:after { background: #e2e2e3; } .widget-title-s13 { font-size: 76px; line-height: 82px; text-transform: capitalize !important; font-weight: 700; } .btn-intro { margin: 0 -18px 0; } .btn-intro li { display: inline-block; margin: 40px 18px 0; } .btn-intro li a { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 22px; color: #fff; text-transform: uppercase; padding: 16px 40px; background: none; border: 2px solid #fff; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border-radius: 5px; } .btn-intro li a:hover { color: #fff; } .btn-intro li:first-child a { border: none; padding: 18px 40px; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .it-scroll-down { display: inline-block; margin-top: 80px; } .it-scroll-down p { text-transform: uppercase; font-weight: 300; letter-spacing: 2px; } .it-scroll-down span { font-size: 40px; } /*--- kopa-masonry-1-widget ---*/ .widget-header.s2, .widget-header.s3, .widget-header.s4 { margin-bottom: 70px; text-align: center; } .widget-header.s2 p, .widget-header.s3 p, .widget-header.s4 p { font-size: 18px; line-height: 26px; font-family: "Open Sans", sans-serif; } .widget-title.widget-title-s14 { font-size: 40px; line-height: 46px; text-transform: uppercase; position: relative; padding-bottom: 25px; margin-bottom: 32px; letter-spacing: 1px; } .kopa-masonry-1-widget { text-align: center; } .kopa-masonry-1-widget .masonry-list-wrapper > ul { margin-top: -80px; } .kopa-masonry-1-widget .masonry-list-wrapper > ul > li { margin-top: 80px; } .kopa-masonry-1-widget .entry-item { text-align: left; } .kopa-masonry-1-widget .entry-item .entry-thumb { width: 36px; float: left; margin-right: 30px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* Netscape */ -moz-opacity: 0.4; /* Safari 1.x */ -khtml-opacity: 0.4; /* Good browsers */ opacity: 0.4; } .kopa-masonry-1-widget .entry-item .entry-content { overflow: hidden; } .kopa-masonry-1-widget .entry-item .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 15px; text-transform: uppercase; font-weight: 400; } /*--- kopa-demo-widget ---*/ .entry-thumb { position: relative; } .entry-thumb .thumb-hover { background: rgba(64, 71, 123, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; text-align: center; } .entry-thumb .thumb-hover .btn-view { width: 100%; position: absolute; top: 50%; margin-top: -25px; } .entry-thumb:hover .thumb-hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .btn-view a { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 600; padding: 13px 30px; background: none; border: 2px solid #fff; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border-radius: 5px; letter-spacing: 2px; } .kopa-demo-widget { text-align: center; } .kopa-demo-widget .widget-content > ul { margin-top: -60px; } .kopa-demo-widget .widget-content > ul > li { margin-top: 60px; } .kopa-demo-widget .entry-item .entry-content { border: 1px solid #f2f4f5; padding: 35px; } .kopa-demo-widget .entry-item .entry-content a p { text-transform: capitalize; margin-bottom: 5px; } .kopa-demo-widget .entry-item .entry-content a h5 { font-weight: 400; text-transform: uppercase; } /*--- kopa-free-item-widget ---*/ .widget-header.s3 { margin-bottom: 40px; text-align: center; } .widget-header.s3 p { font-size: 18px; line-height: 26px; } .widget-title.widget-title-s15 { font-size: 50px; line-height: 56px; text-transform: uppercase; position: relative; padding-bottom: 22px; margin-bottom: 30px; letter-spacing: 1px; } .widget-title.widget-title-s15:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -45px; width: 90px; height: 2px; background: rgba(255, 255, 255, 0.2); } .btn-dl { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 22px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 17px 32px; display: inline-block; border-radius: 5px; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .btn-dl:hover { color: #fff !important; } .kopa-free-item-widget .text-center:last-child { margin-top: 90px; } /*--- kopa-plugin-widget ---*/ .pl-item { text-align: center; } .pl-item h6 { margin-top: 40px; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 700; } .pl-thumb { display: inline-block; text-align: center; width: 86px; height: 86px; line-height: 80px; font-size: 20px; background: #fff; border-radius: 50%; box-shadow: -8px -5px 11px #e1e1e1; } .pl-thumb img { border-radius: 50%; } .kopa-plugin-widget .widget-content > ul { margin-top: -60px; } .kopa-plugin-widget .widget-content > ul > li { margin: 60px 0 0; } /*--- kopa-doc-widget ---*/ .widget-title.widget-title-s16 { font-size: 40px; line-height: 48px; font-weight: 700; position: relative; padding-bottom: 22px; margin-bottom: 25px; letter-spacing: 2px; } .widget-title.widget-title-s16:before { content: ''; position: absolute; bottom: 0; left: 0; width: 90px; height: 2px; background: #ccc; } .kopa-list-1 { margin-top: -15px; } .kopa-list-1 li { font-size: 15px; line-height: 22px; font-weight: 500; font-family: "Open Sans", sans-serif; text-transform: uppercase; margin-top: 15px; } .kopa-doc-widget .widget-content p { font-family: "Open Sans", sans-serif; } .kopa-doc-widget .widget-content .kopa-list-1, .kopa-doc-widget .widget-content .btn-dl { margin-top: 35px; } /*--- kopa-start-widget ---*/ .widget-header.s3 p { font-size: 16px; line-height: 24px; } .widget-title.widget-title-s17 { font-size: 70px; line-height: 78px; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 25px; margin-bottom: 32px; letter-spacing: 1px; } /*--- kopa-intro-1-widget ---*/ .widget-title.widget-title-s18 { font-size: 40px; line-height: 48px; font-weight: 400; text-transform: uppercase; position: relative; padding-top: 25px; margin-bottom: 10px; letter-spacing: 1px; } .widget-title.widget-title-s18 .kopa-lb, .widget-title.widget-title-s18 .kopa-lb-1 { top: 0; bottom: auto; } .btn-itn { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 26px; font-weight: 400; text-transform: uppercase; padding: 14px 50px; min-width: 210px; display: inline-block; border-radius: 5px; background: #fff; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .btn-itn:hover { color: #fff !important; } .btn-itn.s1 { background: none; border: 1px solid #fff; color: #fff !important; padding: 13px 50px; } .kopa-intro-1-widget .widget-content > ul { margin: -30px -16px 0; } .kopa-intro-1-widget .widget-content > ul > li { display: inline-block; margin: 30px 16px 0; } .kopa-intro-1-widget .widget-content > ul > li span { font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 32px; font-weight: 400; text-transform: uppercase; } /** 3.2 Home page **/ .home-slider-1 { margin-top: -4px; min-height: 420px; max-height: 475px; } .home .entry-time, .home .entry-meta, .home .entry-author {display: none} .home-slider-1 .owl-carousel-1 .item .entry-item { position: relative; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-thumb { position: relative; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-thumb img { width: 100%; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 75px; z-index: 1; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .container { padding: 0; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content h2 { font-size: 80px; line-height: 82px; font-weight: 400; margin-bottom: 0; word-wrap: break-word; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content h2 a { color: #fff; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content p { font-size: 18px; line-height: 24px; color: #fff; margin: 5px 0 40px; } .home-slider-1 .owl-carousel-1 .owl-controls .owl-pagination { position: absolute; left: 9.55%; bottom: 110px; margin: 0; width: auto; display: none } .kopa-home-2 .owl-theme .owl-controls .owl-pagination .owl-page.active span, .kopa-home-2 .owl-theme .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; } .kopa-home-2 .kopa-course-search-widget .course-form .course-submit, .kopa-home-2 .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { background-color: #EDBD36; } .kopa-home-2 .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a { color: #EDBD36; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #EDBD36; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { border-right-color: #EDBD36; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { border-left-color: #EDBD36; } .kopa-area-11 .widget_text h4 { text-transform: uppercase; position: relative; font-weight: 400; line-height: 32px; margin-bottom: 25px; padding-bottom: 15px; } .kopa-area-11 .widget_text h4:before { content: ""; height: 1px; position: absolute; left: 0; bottom: 0; width: 90px; background-color: #ced1dd; } .kopa-area-11 .widget_text .kopa-button { margin-top: 15px; padding-left: 30px; padding-right: 30px; } /** 3.3 Sub page **/ .page-header-resource { padding: 100px 0px 0px; position: relative; z-index: 2; } .page-header-resource h1 {font-size: 4.5rem; line-height: 5rem; font-weight: 400;} p.single-resource {color:#EDBD36} .page-header { margin: 0; border-bottom: none; position: relative; padding-bottom: 0; } .page-header .page-header-inner { padding: 150px 0 130px; position: relative; z-index: 2; text-align: left; border-bottom: 100px; border-color: rgba(28,31,46,.7); border-style: solid; border-top: none; } .page-id-871 .page-header .page-header-inner, .page-id-2537 .page-header .page-header-inner {text-align: center} .page-header .page-header-inner .page-title { font-size: 5.5rem; line-height: 5rem; font-weight: 600; letter-spacing: 1px; color: #fff; display: inline-block; width: auto; padding:20px 35px 20px 0px; margin-bottom: -230px; } .page-header .page-header-inner .page-title i { font-size: 18px; line-height: 22px; font-weight: 300; border-left: 1px solid rgba(255, 255, 255, 0.5); padding-left: 10px; margin-left: 10px; display: block; margin-top: 9px; } .page-header .page-header-inner .page-title.page-title-s2 { display: block; margin-bottom: 50px; } .page-header .page-header-inner .page-title.page-title-s2 span, .page-header .page-header-inner .page-title.page-title-s2 i { float: none !important; } .page-header .page-header-inner .page-title.page-title-s2 i { padding-left: 0; margin-left: 0; border-left: none; color: #e2e2e3; } .page-header .page-header-inner .search-form { width: auto; display: inline-block; } .page-header .page-header-inner .search-form input.search-text { width: 665px; } .page-header .mask { z-index: 1; } .page-header .page-header-bg { position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; z-index: 0; } .kopa-breadcrumb { background-color: #eeeeee; padding: 20px 0; } .kopa-breadcrumb .pull-left span { font-weight: 300; font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1; } .kopa-breadcrumb .pull-right { font-size: 15px; } .kopa-breadcrumb .pull-right a, .kopa-breadcrumb .pull-right a span { display: inline-block; } .elements-box .element-title { position: relative; padding-top: 20px; margin-bottom: 60px; } .elements-box .element-title p { font-size: 21px; line-height: 26px; color: #a7aebf; } .elements-box .element-title:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #eeeeee; top: 0; left: 50%; margin-left: -98px; } .elements-box .element-title:after { content: ""; position: absolute; background-color: #fff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } .elements-box .element-title > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } .elements-box .element-title > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #eeeeee; top: 0; left: -8px; left: auto; right: 0; } .elements-box .element-title > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eeeeee; top: 0; right: -8px; right: auto; left: 0; } .search-form { width: 100%; position: relative; } .search-form input.search-text { height: 50px; line-height: 30px; padding: 10px 130px 10px 15px; width: 100%; background-color: #fff; border-radius: 5px; border: none; color: #a7aebf; font-style: italic; } .search-form .search-submit { color: #fff; padding: 10px 30px; line-height: 30px; border: none; text-transform: uppercase; font-size: 16px; font-weight: 300; position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; } /*----- Single page -----*/ .entry-box { padding-bottom: 50px; margin-bottom: 40px; } .entry-box .entry-thumb { margin-bottom: 30px; } .entry-box .entry-content > p { font-size: 15px; line-height: 24px; } .entry-box .entry-content .entry-content-header { overflow: hidden; margin-bottom: 40px; } .entry-box .entry-content .entry-content-header > .entry-date { border-radius: 3px; background-color: #eeeeee; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 10px; } .entry-box .entry-content .entry-content-header > .entry-date p { padding: 0 14px; color: #fff; line-height: 18px; margin-bottom: 5px; border-radius: 3px 3px 0 0; } .entry-box .entry-content .entry-content-header > .entry-date strong { font-size: 24px; font-weight: 400; display: block; padding: 0 14px; margin: 0 0 5px; } .entry-box .entry-content .entry-content-header > .entry-date span { display: block; padding: 0 14px; font-size: 12px; color: #a7add5; } .entry-box .entry-content .entry-content-header .entry-title h3 { font-size: 28px; line-height: 34px; margin-bottom: 15px; } .entry-box .entry-content iframe { border: none; width: 100%; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; border-radius: 0; font-size: 30px; z-index: 10; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #EDBD36; color: #fff; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } .entry-box .tag-box { padding-bottom: 30px; margin-bottom: 30px; } .entry-box .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Open Sans", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-box .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-box .tag-box a:hover { color: #fff; } .entry-box .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 30px; } .entry-box .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-box .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-box .about-author .author-content { overflow: hidden; } .entry-box .about-author .author-content h5 { font-size: 18px; font-family: "Open Sans", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-box .about-author .author-content h5 a { color: #EDBD36; } .entry-box .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-box .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-box .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-box .about-author .author-content .social-links li a:hover { color: #EDBD36; } .entry-box .entry-box-footer > div { width: 50%; } .entry-box .entry-box-footer > div .entry-item { position: relative; } .entry-box .entry-box-footer > div .entry-item img { width: 100%; } .entry-box .entry-box-footer > div .entry-item .entry-content { width: 100%; padding: 30px 20px 30px 60px; } .entry-box .entry-box-footer > div .entry-item .entry-content a, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.prev-post, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.next-post { color: #637587; } .entry-box .entry-box-footer > div .entry-item .entry-content a.prev-post, .entry-box .entry-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-box .entry-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 40px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #fff; background-color: #ccd0d7; text-align: center; font-size: 26px; } .entry-box .entry-box-footer > div .entry-item .entry-content a.fa:hover { background-color: #fff; } .entry-box .entry-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-box .entry-box-footer > div.next-article-item .entry-item .entry-content, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-box .entry-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } .entry-course-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-course-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-course-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } #related-post { margin-bottom: 40px; } #related-post h4 { font-weight: 400; margin-bottom: 25px; } #related-post .entry-item .entry-thumb { margin-bottom: 15px; } #related-post .entry-item .entry-thumb img { width: 100%; } #related-post .entry-item .entry-content .entry-title { font-weight: 400; margin-bottom: 20px; } #comments { margin-bottom: 40px; border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; } #comments h4 { font-weight: 400; margin-bottom: 25px; } #comments .comments-list { margin: -25px 0 0; padding: 0; } #comments .comments-list .comment, #comments .comments-list > li { float: none; margin: 25px 0 0; list-style: none; } #comments .comments-list .comment .comment-wrap .comment-avatar, #comments .comments-list > li .comment-wrap .comment-avatar { width: 50px; margin-right: 20px; } #comments .comments-list .comment .comment-wrap .comment-body, #comments .comments-list > li .comment-wrap .comment-body { overflow: hidden; } #comments .comments-list .comment .comment-wrap .comment-body .comment-content, #comments .comments-list > li .comment-wrap .comment-body .comment-content { background-color: #f2f4f5; padding: 7px 15px; margin-bottom: 10px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div h6, #comments .comments-list > li .comment-wrap .comment-body footer > div h6 { font-weight: 300; font-family: "Open Sans", sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1; margin-bottom: 0; color: #EDBD36; padding-left: 15px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .entry-date, #comments .comments-list > li .comment-wrap .comment-body footer > div .entry-date { font-size: 13px; margin-right: 20px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button a, #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button span, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button a, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button span { text-transform: uppercase; line-height: 1; font-size: 12px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button a:hover, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button a:hover { color: #EDBD36; } #comments .comments-list > li .children { margin: 0; padding: 0 0 0 70px; } .kopa-comment-pagination { border-radius: 0; margin: 40px 0 0; display: block; text-align: center; } .kopa-comment-pagination a, .kopa-comment-pagination span { border: 1px solid #f2f4f5; display: inline-block; padding: 0 15px; line-height: 35px; height: 37px; font-size: 13px; position: relative; border-radius: 50px; } .kopa-comment-pagination span.current { color: #fff; } .kopa-comment-pagination a:hover { color: #fff; background-color: #EDBD36; border-color: #EDBD36; } #respond h4 { font-weight: 400; margin-bottom: 15px; } #respond .comment-form .c-note { display: block; margin-bottom: 12px; } #respond .comment-form .row > div .required { text-transform: uppercase; position: absolute; top: 15px; left: 15px; z-index: 1; font-weight: 300; color: #EDBD36; margin-bottom: 0; } #respond .comment-form .row > div .input-block { margin-bottom: 30px; position: relative; } #respond .comment-form .row > div .input-block input[type="text"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; color: #262c56; } #respond .comment-form .row > div .input-block input[type="text"]:focus { border-color: #EDBD36; } #respond .comment-form .row > div .textarea-block { margin-bottom: 30px; position: relative; } #respond .comment-form .row > div .textarea-block .required { top: 11px; } #respond .comment-form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; color: #262c56; } #respond .comment-form .row > div .textarea-block textarea:focus { border-color: #EDBD36; } #respond .comment-form .row > div .comment-button input[type="submit"] { display: block; border: 1px solid #e2e2e3; border-radius: 5px; text-align: center; background-color: #fff; padding: 14px; font-weight: 300; width: 100%; color: #999; } #respond .comment-form .row > div .comment-button input[type="submit"]:hover { border-color: #011258; color: #011258; } /*----- Single event -----*/ .entry-event-box { margin-bottom: 40px; } .entry-event-box .row > div.right-col { float: right !important; } .entry-event-box .row > div.right-col > .entry-title { font-size: 20px; line-height: 26px; margin-bottom: 50px; border-bottom: 1px solid #e2e2e3; padding-bottom: 20px; font-weight: 400; margin-top: -5px; text-transform: uppercase; } .entry-event-box .row > div.right-col .event-speaker > h6 { text-transform: uppercase; font-size: 14px; line-height: 16px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .entry-event-box .row > div.right-col .event-speaker > h6:before { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background-color: #e2e2e3; } .entry-event-box .row > div.right-col .event-speaker ul { margin: -20px -10px 50px; padding: 0; } .entry-event-box .row > div.right-col .event-speaker ul li { float: left; margin: 20px 0 0; list-style: none; width: 50%; padding: 0 10px; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-avatar { width: 70px; margin-right: 15px; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-avatar img { width: 100%; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-detail h6 { font-size: 16px; line-height: 20px; text-transform: none; margin-bottom: 5px; margin-top: -4px; } .entry-event-box .row > div.right-col .event-detail > ul { padding: 0; margin: 0 0 30px; } .entry-event-box .row > div.right-col .event-detail > ul > li { float: none; margin: 0; list-style: none; padding: 15px 0; border-bottom: 1px solid #e2e2e3; } .entry-event-box .row > div.right-col .event-detail > ul > li:first-child { border-top: 1px solid #e2e2e3; } .entry-event-box .row > div.right-col .event-detail > ul > li strong { width: 50px; margin-right: 30px; text-transform: uppercase; font-weight: 400; color: #EDBD36; } .entry-event-box .row > div.right-col .event-detail > ul > li i { color: #EDBD36; width: 18px; margin-right: 12px; font-size: 18px; } .entry-event-box .row > div.right-col .event-detail > p { line-height: 24px; margin-bottom: 20px; } .entry-event-box .row > div.right-col .event-detail .text-left .kopa-button { margin-right: 5px; } .entry-event-box .row > div.right-col .tag-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-event-box .row > div.right-col .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Open Sans", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-event-box .row > div.right-col .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-event-box .row > div.right-col .tag-box a:hover { color: #fff; } .entry-event-box .row > div.right-col .social-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 40px; } .entry-event-box .row > div.right-col .social-box span { font-size: 16px; font-weight: 500; font-family: "Open Sans", sans-serif; text-transform: uppercase; } .entry-event-box .row > div.right-col .social-box .social-links { margin-left: -15px; } .entry-event-box .row > div.right-col .social-box .social-links li { margin-left: 15px; } .entry-event-box .row > div.right-col .social-box .social-links li a { width: auto; height: auto; background-color: transparent; color: #aaaaaa; font-size: 16px; } .entry-event-box .row > div.right-col .social-box .social-links li a:hover { color: #EDBD36; } .entry-event-box .row > div.right-col .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 40px; } .entry-event-box .row > div.right-col .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-event-box .row > div.right-col .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-event-box .row > div.right-col .about-author .author-content { overflow: hidden; } .entry-event-box .row > div.right-col .about-author .author-content h5 { font-size: 18px; font-family: "Open Sans", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-event-box .row > div.right-col .about-author .author-content h5 a { color: #EDBD36; } .entry-event-box .row > div.right-col .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li a:hover { color: #EDBD36; } .entry-event-box .row > div.right-col .entry-event-box-footer { margin-bottom: 30px; } .entry-event-box .row > div.right-col .entry-event-box-footer .mask { display: none; } .entry-event-box .row > div.right-col .entry-event-box-footer > div { width: 50%; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item { position: relative; min-height: 130px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item img { width: 100%; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content { width: 100%; padding: 30px 20px 30px 60px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a { color: #637587; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.prev-post, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 40px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #fff; background-color: #262c56; text-align: center; font-size: 26px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-event-box .row > div.right-col .entry-event-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } .entry-event-box .row > div.right-col #related-post { border-bottom: 1px solid #e2e2e3; padding-bottom: 35px; margin-bottom: 35px; } .entry-event-box .row > div.right-col #respond .comment-form .row > div .input-block, .entry-event-box .row > div.right-col #respond .comment-form .row > div .textarea-block { margin-bottom: 20px; } .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"] { color: #fff; } .entry-event-box .row > div.left-col .entry-thumb { margin-bottom: 25px; } .entry-event-box .row > div.left-col .entry-content .event-ticket { margin-top: 50px; margin-bottom: 25px; } .entry-event-box .row > div.left-col .entry-content .event-price { text-transform: uppercase; font-weight: 500; font-family: "Open Sans", sans-serif; color: #EDBD36; margin-bottom: 30px; } .entry-event-box .row > div.left-col .entry-content .event-price p { margin-bottom: 5px; } .entry-event-box .row > div.left-col .entry-content .event-price span { color: #EDBD36; } .entry-event-box .row > div.left-col .entry-content .kopa-button { display: block; text-align: center; } /*----- Spinner -----*/ .kopa-spinner { position: relative; margin-bottom: 0; } .kopa-spinner .kopa-spinner-label { display: block; text-transform: uppercase; font-weight: 500; color: #EDBD36; margin-bottom: 25px; font-family: "Open Sans", sans-serif; } .kopa-spinner .ui-spinner { border: 1px solid #e2e2e3; border-radius: 0; color: #EDBD36; font-size: 12px; } .kopa-spinner .ui-spinner .ui-spinner-input { width: 52px; margin: 0 23px; height: 37px; line-height: 37px; text-align: center; } .kopa-spinner .ui-spinner a.ui-spinner-up { background-color: #f2f4f5; height: 37px; line-height: 37px; width: 23px; text-align: center; color: #aaa; right: 0; top: 0; position: absolute; border: none; margin: 0; cursor: pointer; border-radius: 0; } .kopa-spinner .ui-spinner a.ui-spinner-up:before { content: "+"; font-size: 16px; } .kopa-spinner .ui-spinner a.ui-spinner-down { background-color: #f2f4f5; height: 37px; line-height: 37px; width: 23px; text-align: center; color: #aaa; left: 0; top: 0; position: absolute; border: none; margin: 0; cursor: pointer; border-radius: 0; } .kopa-spinner .ui-spinner a.ui-spinner-down:before { content: "-"; font-size: 16px; } /*----- Single course -----*/ .entry-course-box { margin-bottom: 40px; } .entry-course-box .row > div.left-col .entry-title { font-weight: 400; font-size: 20px; line-height: 26px; margin-bottom: 25px; } .entry-course-box .row > div.left-col > .entry-thumb { margin-right: 30px; width: 270px; } .entry-course-box .row > div.left-col .entry-content > p { line-height: 24px; margin-bottom: 20px; } .entry-course-box .row > div.left-col .entry-content .kopa-button { display: block; text-align: center; } .entry-course-box .row > div.left-col .tag-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-course-box .row > div.left-col .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Open Sans", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-course-box .row > div.left-col .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-course-box .row > div.left-col .tag-box a:hover { color: #fff; } .entry-course-box .row > div.left-col .social-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 40px; } .entry-course-box .row > div.left-col .social-box span { font-size: 16px; font-weight: 500; font-family: "Open Sans", sans-serif; text-transform: uppercase; } .entry-course-box .row > div.left-col .social-box .social-links { margin-left: -15px; } .entry-course-box .row > div.left-col .social-box .social-links li { margin-left: 15px; } .entry-course-box .row > div.left-col .social-box .social-links li a { width: auto; height: auto; background-color: transparent; color: #aaaaaa; font-size: 16px; } .entry-course-box .row > div.left-col .social-box .social-links li a:hover { color: #EDBD36; } .entry-course-box .row > div.left-col .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 40px; } .entry-course-box .row > div.left-col .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-course-box .row > div.left-col .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-course-box .row > div.left-col .about-author .author-content { overflow: hidden; } .entry-course-box .row > div.left-col .about-author .author-content h5 { font-size: 18px; font-family: "Open Sans", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-course-box .row > div.left-col .about-author .author-content h5 a { color: #EDBD36; } .entry-course-box .row > div.left-col .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li a:hover { color: #EDBD36; background: #f6f6f6; } .entry-course-box .row > div.left-col .entry-course-box-footer { margin-bottom: 30px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div { width: 50%; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item { position: relative; min-height: 147px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item img { width: 100%; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content { width: 100%; padding: 30px 20px 30px 60px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a { color: #fff; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.prev-post, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 5px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #fff; background-color: #262c56; text-align: center; font-size: 26px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-course-box .row > div.left-col .entry-course-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } .entry-course-box .row > div.left-col #related-post { border-bottom: none; padding-bottom: 0; margin-bottom: 10px; } .entry-course-box .row > div.right-col .event-speaker > h6 { border-bottom: 3px solid #e2e2e3; font-size: 14px; line-height: 14px; margin-bottom: 15px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .entry-course-box .row > div.right-col .event-speaker ul { margin: 0px 0 50px; padding: 0px; } .entry-course-box .row > div.right-col .event-speaker ul li { float: none; margin: 0px; list-style: none; } .entry-course-box .row > div.right-col .event-speaker ul li .speaker-avatar { width: 70px; margin-right: 15px; } .entry-course-box .row > div.right-col .event-speaker ul li .speaker-detail h6 { font-size: 14px; line-height: 20px; text-transform: capitalize; margin-bottom: 5px; margin-top: -4px; } .entry-course-box .row > div.right-col .event-detail > ul { padding: 0; margin: 0 0 30px; } .entry-course-box .row > div.right-col .event-detail > ul > li { float: none; margin: 0; list-style: none; padding: 15px 0; border-top: 1px solid #e2e2e3; } .entry-course-box .row > div.right-col .event-detail > ul > li:first-child { border-top: none; padding-top: 0; } .entry-course-box .row > div.right-col .event-detail > ul > li strong { width: 50px; margin-right: 30px; text-transform: uppercase; font-weight: 400; color: #EDBD36; } .entry-course-box .row > div.right-col .event-detail > ul > li i { color: #EDBD36; width: 18px; margin-right: 12px; font-size: 18px; } .entry-course-box .row > div.right-col .event-detail > p { line-height: 24px; margin-bottom: 20px; } .entry-course-box .row > div.right-col .event-detail .text-left .kopa-button { margin-right: 5px; } .entry-course-box .row > div.right-col .event-ticket { margin-bottom: 25px; } .entry-course-box .row > div.right-col .event-price { text-transform: uppercase; font-weight: 500; font-family: "Open Sans", sans-serif; color: #EDBD36; margin-bottom: 30px; } .entry-course-box .row > div.right-col .event-price p { margin-bottom: 5px; } .entry-course-box .row > div.right-col .event-price span { color: #EDBD36; } .entry-course-box .row > div.right-col .kopa-button { margin-bottom: 10px; display: block; text-align: center; } .entry-course-box #respond .comment-form .row > div .input-block, .entry-course-box #respond .comment-form .row > div .textarea-block { margin-bottom: 20px; } .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"] { color: #fff; } /*----- FAQ page -----*/ .kopa-faq-section .faq-filter { margin-bottom: 30px; border-top: 3px double #f2f4f5; border-bottom: 3px double #f2f4f5; padding: 15px 0; } .kopa-faq-section .faq-filter .filter-label { display: block; margin-right: 35px; line-height: 16px; } .kopa-faq-section .faq-filter ul { margin: -10px 0 0 -20px; padding: 0; } .kopa-faq-section .faq-filter ul li { float: left; margin: 10px 0 0; list-style: none; border-left: 1px solid #f2f4f5; position: relative; } .kopa-faq-section .faq-filter ul li a { display: block; margin: 0 20px; line-height: 16px; position: relative; } .kopa-faq-section .faq-filter ul li a:before { content: ""; position: absolute; left: 0; top: -18px; width: 100%; height: 3px; background-color: #EDBD36; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-faq-section .faq-filter ul li a:hover { color: #EDBD36; } .kopa-faq-section .faq-filter ul li:first-child { border-left: none; } .kopa-faq-section .faq-filter ul li:first-child a { padding-left: 0; } .kopa-faq-section .faq-filter ul li.current a:before, .kopa-faq-section .faq-filter ul li:hover a:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-faq-section .kopa-accordion .panel-group .panel { border: none; margin: 0 0 5px !important; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-body { padding: 30px 0; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading { background-color: #f5f5f5; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading .panel-title a { padding: 12px 70px 12px 30px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading .panel-title a .btn-title { background-color: transparent !important; top: 18px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover { border-radius: 5px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active .panel-title, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover .panel-title { border-radius: 5px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active .panel-title a .btn-title:before, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover .panel-title a .btn-title:before { background-color: #fff; } .kopa-login-widget { background-color: #f2f4f5; padding: 25px 30px; } .kopa-login-widget input[type="text"] { height: 42px; background-color: #fff; border: 1px solid #e2e2e3; padding: 5px 10px; line-height: 30px; width: 100%; border-radius: 50px; } .kopa-login-widget .form-group { margin-bottom: 22px; } .kopa-login-widget label { font-weight: 300; color: #b8baba; } .kopa-login-widget .forgetmenot { margin-bottom: 20px; } .kopa-login-widget .forgetmenot label { position: relative; padding-left: 20px; } .kopa-login-widget .forgetmenot label input[type="radio"], .kopa-login-widget .forgetmenot label input[type="checkbox"] { margin: 0; position: absolute; top: 4px; left: 0; } .kopa-login-widget .submit { margin-bottom: 25px; } .kopa-login-widget input[type="submit"] { color: #fff; text-transform: uppercase; border-radius: 50px; height: 42px; padding: 5px 30px; border: none; line-height: 30px; } /* Contact page ---------------------------------- */ .kp-map-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 600px; } .kp-map-wrapper #kp-map { height: 100%; width: 100%; } #kopa-contact-info-widget { margin-bottom: 40px; } #kopa-contact-info-widget p { margin-bottom: 15px; } #kopa-contact-info-widget p i { margin-right: 10px; } #kopa-contact-info-widget p strong { width: 65px; margin-right: 15px; color: #fff; } #kopa-contact-info-widget p a { color: #637587; } #contact-form .contact-form-title { position: relative; padding-top: 20px; margin-bottom: 80px; } #contact-form .contact-form-title h2 { font-weight: 400; } #contact-form .contact-form-title p { font-size: 21px; line-height: 26px; color: #a7aebf; text-transform: none; } #contact-form .contact-form-title:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #eeeeee; top: 0; left: 50%; margin-left: -98px; } #contact-form .contact-form-title:after { content: ""; position: absolute; background-color: #fff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } #contact-form .contact-form-title > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } #contact-form .contact-form-title > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #eeeeee; top: 0; left: -8px; left: auto; right: 0; } #contact-form .contact-form-title > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eeeeee; top: 0; right: -8px; right: auto; left: 0; } #contact-form .contact-form .row > div .required { text-transform: uppercase; position: absolute; top: 15px; left: 15px; z-index: 1; font-weight: 300; color: #EDBD36; margin-bottom: 0; } #contact-form .contact-form .row > div .input-block { margin-bottom: 30px; position: relative; } #contact-form .contact-form .row > div .input-block input[type="text"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; font-family: "Open Sans", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .input-block input[type="text"]:focus { border-color: #EDBD36; } #contact-form .contact-form .row > div .textarea-block { margin-bottom: 30px; position: relative; } #contact-form .contact-form .row > div .textarea-block .required { top: 11px; } #contact-form .contact-form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; font-family: "Open Sans", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .textarea-block textarea:focus { border-color: #EDBD36; } #contact-form .contact-form .row > div .contact-button input[type="submit"] { display: block; border: none; border-radius: 5px; text-align: center; background-color: #e2e2e3; padding: 14px; font-weight: 500; font-family: "Open Sans", sans-serif; width: 100%; text-transform: uppercase; } #contact-form .contact-form .row > div .contact-button input[type="submit"]:hover { color: #fff; } /* Single Portfolio page ---------------------------------- */ .entry-portfolio-box .portfolio-content { margin-bottom: 45px; } .entry-portfolio-box .portfolio-content > div .portfolio-title { border-bottom: 1px solid #e2e2e3; padding-bottom: 10px; margin-bottom: 30px; } .entry-portfolio-box .portfolio-content > div .social-links { margin-left: -15px; margin-bottom: 45px; } .entry-portfolio-box .portfolio-content > div .social-links li { margin-left: 15px; } .entry-portfolio-box .portfolio-content > div .social-links li a { border-radius: 0; width: auto; height: auto; line-height: 1; background-color: transparent; color: #ccc; font-size: 14px; } .entry-portfolio-box .portfolio-content > div .social-links li a:hover { color: #EDBD36; } .entry-portfolio-box .portfolio-content > div .social-links li span { display: block; line-height: 1; margin-right: 20px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 14px; color: #EDBD36; } .entry-portfolio-box .portfolio-content > div > p { line-height: 24px; } .entry-portfolio-box .portfolio-content > div .small-portfolio-title { text-transform: uppercase; border-bottom: 1px solid #e2e2e3; font-size: 14px; line-height: 20px; margin-top: 10px; padding-bottom: 10px; margin-bottom: 25px; } .entry-portfolio-box .portfolio-content > div .project-date, .entry-portfolio-box .portfolio-content > div .project-address { margin-bottom: 15px; } .entry-portfolio-box .portfolio-content > div .project-date i, .entry-portfolio-box .portfolio-content > div .project-address i { color: #EDBD36; margin-right: 10px; width: 16px; } .entry-portfolio-box .portfolio-content > div .project-categories { margin-bottom: 5px; } .entry-portfolio-box .portfolio-content > div .project-categories i { color: #EDBD36; margin-right: 10px; width: 16px; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item { position: relative; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item img { width: 100%; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item:hover .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; border-radius: 0; font-size: 30px; z-index: 10; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #EDBD36; color: #fff; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } #related-portfolio > h4 { margin-bottom: 25px; } #related-portfolio .owl-carousel-wrapper { margin: 0 -15px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item { padding: 0 15px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item { background-color: #fff; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb { position: relative; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb img { width: 100%; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box { text-align: center; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -7px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box a { color: #fff; text-align: center; line-height: 1; font-size: 14px; display: inline-block; margin: 0 10px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content { padding: 25px 30px; text-align: center; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content header { margin-bottom: 5px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div { width: 63px; height: 68px; margin: 0; line-height: 68px; font-size: 30px; border: none; background-color: #EDBD36; top: 100px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div.owl-prev { left: -9.2%; border-radius: 0 5px 5px 0; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div.owl-next { right: -9.2%; border-radius: 5px 0 0 5px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page span { border-color: #d2d8df; margin: 0 4px; width: 10px; height: 10px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page.active span, #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #EDBD36; border-color: #EDBD36; } /* 404 page ---------------------------------- */ .kopa-404-error > div i { color: #fff; font-size: 175px; } .kopa-404-error > div h2 { margin: 15px 0 70px; } .kopa-404-error > div h3 { color: #fff; font-size: 48px; line-height: 54px; font-weight: 400; margin-bottom: 15px; } .kopa-404-error > div span { font-size: 16px; line-height: 22px; display: inline-block; margin-bottom: 45px; } .kopa-404-error .search-box { margin-bottom: 30px; } .kopa-404-error .search-box .search-form { width: 570px; display: inline-block; } .kopa-404-error .search-box .search-form input.search-text { height: 42px; line-height: 22px; font-size: 13px; font-style: normal; border-radius: 50px; padding-right: 15px; letter-spacing: 1px; } /* Search and Filter ---------------------------------- */ .members-only { color: #fff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 20px; top: 0; line-height: 1; background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ display:block; font-size: 12px; border-radius: 0px 0px 5px 5px; font-family: "Open Sans", sans-serif; font-weight: 400; } .searchandfilter li.sf-field-search {float:left; width:27%; margin-right:1%;} .searchandfilter li.sf-field-taxonomy-resource_category {float:left; width:27%; margin-right:1%;} .searchandfilter li.sf-field-taxonomy-resource_sub_category {float:left; width:27%; margin-right:1%} .searchandfilter li.sf-field-submit {float:left; width:15%;} /* .single-resource .searchandfilter li.sf-field-search {float:none; width:100%;} .single-resource .searchandfilter li.sf-field-taxonomy-resource_category {float:none; width:100%;} .single-resource .searchandfilter li.sf-field-taxonomy-resource_sub_category {float:none; width:100%;} .single-resource .searchandfilter li.sf-field-submit {text-align: center; width:100%;} */ #upside-right-sidebar .searchandfilter li.sf-field-search {float:none; width:100%;} #upside-right-sidebar .searchandfilter li.sf-field-post-meta-utp-event-date-start {float:none; width:100%;} #upside-right-sidebar .searchandfilter li.sf-field-post-meta-utp-event-date-end {float:none; width:100%;} #upside-right-sidebar .searchandfilter li.sf-field-taxonomy-event-tag {float:none; width:100%;} #upside-right-sidebar .searchandfilter li.sf-field-submit {text-align: center; width:100%;} .page-id-871 .searchandfilter li.sf-field-search{float:left; width:27%; margin-right:1%;} .page-id-871 .searchandfilter li.sf-field-taxonomy-resource_category {float:left; width:27%; margin-right:1%;} .page-id-871 .searchandfilter li.sf-field-taxonomy-resource_sub_category {float:left; width:27%; margin-right:1%} .page-id-871 .searchandfilter li.sf-field-submit {float:left; width:15%;} .searchandfilter label {width: 100%} .page-id-873 .searchandfilter li.sf-field-search {float:left; width:24%; margin-right:1%;} .page-id-873 .searchandfilter li.sf-field-taxonomy-event-tag {float:left; width:24%; margin-right:1%;} .page-id-873 .searchandfilter li.sf-field-post-meta-utp-event-date-start {float:left; width:15%; margin-right:1%} .page-id-873 .searchandfilter li.sf-field-post-meta-utp-event-date-end {float:left; width:15%; margin-right:1%} .page-id-873 .searchandfilter li.sf-field-submit {float:left; width:18%;} .page-id-873 .widget-title-s1 {display:none} .page-id-2537 .searchandfilter li.sf-field-search {float:left; width:32%; margin-right:1%;} .page-id-2537 .searchandfilter li.sf-field-post-meta-utp-event-date-start {float:left; width:25%; margin-right:1%} .page-id-2537 .searchandfilter li.sf-field-post-meta-utp-event-date-end {float:left; width:25%; margin-right:1%} .page-id-2537 .searchandfilter li.sf-field-submit {float:left; width:15%;} .page-id-2537 .widget-title-s1 {display:none} .page-id-2537 .searchandfilter input[type="submit"] {margin-top: 0px} .searchandfilter ul li ul li {padding:0px} .searchandfilter ul {padding:0px} .searchandfilter input[type="text"] { box-shadow: none; border:none; outline: 0; background: #fff; height: 60px; line-height: 32px; padding: 5px 15px; width: 100%; color: #999; border-radius: 50px;font-size:16px } .searchandfilter input[type="submit"] { margin: 0px auto; border: none; padding: 16px 40px; color: #fff; background: rgb(242,200,48); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,200,48,1) 0%, rgba(234,179,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(242,200,48,1) 0%,rgba(234,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#eab300',GradientType=0 ); /* IE6-9 */ font-weight:600; -webkit-font-smoothing: auto; font-size:18px; border-radius:50px;line-height: 26px } .page-id-871 .searchandfilter input[type="submit"], .page-id-873 .searchandfilter input[type="submit"]{ margin-top: 0px; } .searchandfilter input[type="submit"]:hover { background: #011258 } .searchfilter-wrapper p {margin-bottom:15px;} .searchandfilter select { box-shadow: none; border: none; border-radius: 50px; outline: 0; background: #fff; height: 60px; line-height: 36px; padding: 5px 15px; width: 100%; color: #999; -webkit-appearance: none; -webkit-border-radius: 50px; font-size:16px;} .searchandfilter select:after { content: "\f0dd"; color:#807F89; left:-100px; font-family: FontAwesome; text-align: center; width: 46px; height: 46px; line-height: 38px; font-size: 16px; background: #fff; position: absolute; top: 1px; right: 1px; cursor: default; pointer-events: none; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: block; } /** 3.4 Sidebar **/ #upside-right-sidebar {margin-left:8.333333333333332%; background:#eeeeee; padding:3%; border-radius: 3px;} .single-event #upside-right-sidebar {display:none;} /**3.5 Bottom sidebar**/ .copyright {color:#afb0b4; font-size: 12px; font-style: italic} #bottom-sidebar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000a47+0,00145a+100 */ background: rgb(0,10,71); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,10,71,1) 0%, rgba(0,20,90,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,10,71,1) 0%,rgba(0,20,90,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,10,71,1) 0%,rgba(0,20,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a47', endColorstr='#00145a',GradientType=1 ); /* IE6-9 */ color: #ccc;font-size: 15px; margin-top: 90px; } .home #bottom-sidebar {margin-top: 0px} #bottom-sidebar .container > .row { margin-left: -30px; margin-right: -30px; } #bottom-sidebar .container > .row > div { padding-bottom: 60px; padding-top: 80px; padding-left: 30px; padding-right: 30px; } /* #bottom-sidebar .container > .row > div:last-child { background-color: #EDBD36 } */ #bottom-sidebar .widget { margin-bottom: 35px; } #bottom-sidebar .widget:last-child { margin-bottom: 0; } #bottom-sidebar .widget .widget-title { font-size: 21px; color: #eee; font-weight: 400; line-height: 24px; margin-bottom: 20px; } #bottom-sidebar .widget.widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.09); } #bottom-sidebar .widget.widget_nav_menu ul li a { color: #ccc; } #bottom-sidebar #footer-logo-image { margin-bottom: 20px; } #bottom-sidebar-s2 { background-color: #fff; } #bottom-sidebar-s2 > .row { margin-left: 0px; margin-right: 0px; } #bottom-sidebar-s2 > .row > div { padding-bottom: 0px; padding-top: 80px; padding-left: 30px; padding-right: 30px; } #bottom-sidebar-s2 > .row > div:first-child { padding-left: 9%; background-color: #EDBD36; color: #333; padding-bottom: 40px; } #bottom-sidebar-s2 > .row > div .widget { margin-bottom: 35px; } #bottom-sidebar-s2 > .row > div .widget:last-child { margin-bottom: 0; } #bottom-sidebar-s2 > .row > div .widget .widget-title { font-size: 18px; color: #EDBD36; font-weight: 400; line-height: 24px; margin-bottom: 20px; } #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.09); padding: 4px 0; } #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li a { color: #637587; } #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: 1px solid #eeeeee; } #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { padding: 10px 15px; } #bottom-sidebar-s2 #footer-logo-image { margin-bottom: 20px; } #kopa-page-footer-s2 { position: relative; background-color: #f2f4f5; padding-bottom: 40px; padding-top: 40px; padding-left: 30px; padding-right: 30px; text-align: center; } #kopa-page-footer-s2 p { margin-bottom: 0; } #kopa-page-footer-s2 #back-top { left: auto; right: 30px; top: 50%; margin: -21px 0 0; } #kopa-page-footer-s2 #back-top a { background-color: #b0b2bb; border: none; width: 42px; height: 42px; line-height: 42px; } #kopa-page-footer-s2 #back-top a:hover { color: #fff; } #bottom-sidebar-s2 .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12, #bottom-sidebar-s2 .kopa-tagline-5-widget .col-md-2.col-sm-3.col-xs-12 { width: 100%; } #bottom-sidebar-s2 .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3, #bottom-sidebar-s2 .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3 span { color: #333; } #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3 span { color: #fff; } #kopa-page-footer-s2 .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3, #kopa-page-footer-s2 .kopa-tagline-5-widget .col-md-10.col-sm-9.col-xs-12 h3 span { color: #333; } /** * 4. Footer * ----------------------------------------------------------------------------- */ #kopa-page-footer { background-color: #EDBD36; color: #011258; padding: 50px 0 30px; position: relative; } #kopa-page-footer #copyright { margin-bottom: 0; font-size: 16px; } #back-top { margin-bottom: 0; z-index: 1; position: absolute; right: 0px; top: 0px; } #back-top a { text-align: center; color: #fff; line-height: 48px; position: relative; display: block; z-index: 1; border-radius: 0px 0px 5px 5px; width: 60px; height: 50px; background:#fff; } #back-top a:hover i { color:#EDBD36 } #back-top a i { position: relative; z-index: 10; color:#011258; } /* * Addition styles * 1. Blog * 2. Single * 3. Portfolio * 4. Course Category - Form * 5. Course list * 6. Shop * 7. Forum * 8. Themecheck class * 9. Featured content simgple * 10. slide 2 * 11. widget kopa-owl-3-widget * 12 . Search course * 13. Shortcode * 14. Css default widget */ /* 1. Blog */ .kopa-blog-list-1-widget .entry-item .entry-content { border-top: 1px solid #f2f4f5; } .kopa-blog-list-2-widget .entry-meta, .kopa-blog-list-1-widget .entry-meta { line-height: 18px; } /* 2. Single */ #upside-single-content { margin-bottom: 40px; } #kopa-page-footer-s2 .widget_text { margin-bottom: 0; } #respond #reply-title { font-weight: 400; margin-bottom: 15px; font-size: 24px; } .single-product #respond #reply-title { margin-top: 15px; } .single-post #upside-single-content iframe { margin: 15px 0; } /* 3. Portfolio */ .fa-spinner { display: none; } /* 4. Course Category - Form */ .respond h4 { font-weight: 400; margin-bottom: 15px; } .respond .comment-form .c-note { display: block; margin-bottom: 12px; } .respond .comment-form .row > div .required { text-transform: uppercase; position: absolute; top: 35px; left: 15px; z-index: 1; font-weight: 300; color: #EDBD36; margin-bottom: 0; } .respond .comment-form .row > div .input-block { margin-bottom: 30px; position: relative; } .respond .comment-form .row > div .input-block input[type="text"], .respond .comment-form .row > div .input-block input[type="email"], .respond .comment-form .row > div .input-block input[type="url"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; color: #262c56; } .respond .comment-form .row > div .input-block input[type="text"]:focus, .respond .comment-form .row > div .input-block input[type="email"]:focus, .respond .comment-form .row > div .input-block input[type="url"]:focus { border-color: #EDBD36; } .respond .comment-form .row > div .textarea-block { margin-bottom: 30px; position: relative; } .respond .comment-form .row > div .textarea-block .required { top: 33px; } .respond .comment-form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; color: #262c56; } .respond .comment-form .row > div .textarea-block textarea:focus { border-color: #EDBD36; } .respond .comment-form .row > div .comment-button input[type="submit"] { display: block; border: 1px solid #e2e2e3; border-radius: 5px; text-align: center; background-color: #fff; padding: 14px; font-weight: 300; width: 100%; } .respond .comment-form .row > div .comment-button input[type="submit"]:hover { border-color: #011258; color: #011258; } .kopa-course-comment-widget .respond .comment-form .row > div .comment-button input[type="submit"] { border: none; color: #061a35; text-transform: uppercase; background-color: #eeeeee; font-family: "Open Sans", sans-serif; font-weight: 500; } .contact-form-title-wrapper .contact-form-title { position: relative; padding-top: 20px; margin-bottom: 80px; } .contact-form-title-wrapper .contact-form-title h2 { font-weight: 400; } .contact-form-title-wrapper .contact-form-title p { font-size: 21px; line-height: 26px; color: #a7aebf; text-transform: none; } .contact-form-title-wrapper .contact-form-title:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #eeeeee; top: 0; left: 50%; margin-left: -98px; } .contact-form-title-wrapper .contact-form-title:after { content: ""; position: absolute; background-color: #fff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } .contact-form-title-wrapper .contact-form-title > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } .contact-form-title-wrapper .contact-form-title > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #eeeeee; top: 0; left: -8px; left: auto; right: 0; } .contact-form-title-wrapper .contact-form-title > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eeeeee; top: 0; right: -8px; right: auto; left: 0; } .contact-form-wrapper form .row > div .required { text-transform: uppercase; position: absolute; top: 35px; left: 15px; z-index: 1; font-weight: 300; color: #EDBD36; margin-bottom: 0; } .contact-form-wrapper form .row > div .input-block { margin-bottom: 30px; position: relative; } .contact-form-wrapper form .row > div .input-block input[type="text"], .contact-form-wrapper form .row > div .input-block input[type="email"], .contact-form-wrapper form .row > div .input-block input[type="url"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; font-family: "Open Sans", sans-serif; color: #262c56; } .contact-form-wrapper form .row > div .input-block input[type="text"]:focus, .contact-form-wrapper form .row > div .input-block input[type="email"]:focus, .contact-form-wrapper form .row > div .input-block input[type="url"]:focus { border-color: #EDBD36; } .contact-form-wrapper form .row > div .textarea-block { margin-bottom: 30px; position: relative; } .contact-form-wrapper form .row > div .textarea-block .required { top: 33px; } .contact-form-wrapper form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; font-family: "Open Sans", sans-serif; color: #262c56; } .contact-form-wrapper form .row > div .textarea-block textarea:focus { border-color: #EDBD36; } .contact-form-wrapper form .row > div .contact-button input[type="submit"] { display: block; border: none; border-radius: 5px; text-align: center; background-color: #e2e2e3; padding: 14px; font-weight: 500; font-family: "Open Sans", sans-serif; width: 100%; text-transform: uppercase; } .contact-form-wrapper form .row > div .contact-button input[type="submit"]:hover { color: #fff; } /* 5. Course list */ .utp-course-id { width: 13%; text-transform: uppercase; } .utp-course-title { width: 48%; } .utp-course-duration { width: 17%; } .utp-course-date-start { width: 22%; } .upside-layout-course-single .entry-course-box .row > div.left-col .tag-box a { margin-right: 3px; margin-bottom: 3px; } .blue-style .owl-theme .owl-controls .owl-pagination .owl-page.active span, .blue-style .owl-theme .owl-controls .owl-pagination .owl-page:hover span { background-color: #EDBD36; border-color: #EDBD36; } .blue-style .course-form .course-submit { background-color: #EDBD36!important; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #EDBD36; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { border-right-color: #EDBD36; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { border-left-color: #EDBD36; } .kopa-tagline-2-widget .widget-title.widget-title-s5 h2, .kopa-tagline-2-widget .widget-title.widget-title-s5 p { color: #fff; } .kopa-area .widget_nav_menu .widgettitle { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .kopa-testimonial-2-widget .widget-title.widget-title-s5 h2, .kopa-testimonial-2-widget .widget-title.widget-title-s5 p { color: #fff; } #kopa-page-footer.s1 { padding: 30px 0 30px; font-size: 16px; } .kopa-intro-widget .widget-title, .kopa-intro-widget .widget-content h5, .it-scroll-down p, .it-scroll-down span { color: #fff; } .event-multi-line { line-height: 2; } .entry-event-box .row > div.right-col .tag-box a { margin-right: 3px; } /* 6. Shop */ .woocommerce ul.products li.product .product-detail > a .price del, .woocommerce-page ul.products li.product .product-detail > a .price del { display: inline-block; } .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: 50%; } .woocommerce div.product .product_title { font-size: 32px; line-height: 38px; color: #EDBD36; margin-bottom: 15px; border-bottom: none; padding-bottom: 0 !important; } .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { width: 50%!important; } .woocommerce div.product div.summary form.cart, .woocommerce-page div.product div.summary form.cart { margin-top: 30px; } .woocommerce div.product div.summary form.cart .quantity, .woocommerce-page div.product div.summary form.cart .quantity { width: auto !important; padding-right: 0; padding-left: 19px; } .woocommerce div.product div.images .hot-item { color: #fff; text-transform: uppercase; padding: 14px 12px 12px; position: absolute; left: 30px; top: -1px; line-height: 1; z-index: 10; margin: 0; right: auto; font-weight: 400; border-radius: 0; text-shadow: none; } .woocommerce div.product div.images .hot-item:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid; top: 100%; left: auto; right: 0; } .woocommerce div.product div.images .hot-item:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid; top: 100%; right: auto; left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-left: 0; padding-left: 0; background-color: #fff; margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 0; bottom: inherit; box-shadow: none !important; left: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; color: #fff; font-weight: 400; font-size: 14px; font-family: "Open Sans", sans-serif; border-bottom: inherit; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #EDBD36; background-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #fff; padding: 10px 30px; font-weight: 400; font-size: 14px; font-family: "Open Sans", sans-serif; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.description_tab a { padding: 10px 30px 10px 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li i { color: #EDBD36; margin-right: -6px; padding-left: 32px; } .woocommerce div.product .woocommerce-tabs .panel { -webkit-box-shadow: none; box-shadow: none; } .woocommerce #reviews #comment { height: auto; } .woocommerce #review_form #respond .form-submit input { display: block; border: 1px solid #e2e2e3; border-radius: 5px; text-align: center; background-color: #fff; padding: 14px; font-weight: 300; width: 100%; color: #000; } .woocommerce #review_form #respond .form-submit input:hover { border-color: #EDBD36; color: #EDBD36; } .up-review { margin-bottom: 18px; margin-top: 24px; } .upside-rating-product { margin-bottom: 18px; } #single-product #comments { margin-bottom: 24px; } .no_sale { margin-top: 30px; } .woocommerce ul.products li.product .price del { opacity: 1; } .woocommerce a.added_to_cart { color: #fff; } /* 7. Forum */ #bbpress-forums ul.bbp-forums .bbp-forum-freshness > a { font-size: 14px; } #bbpress-forums p.bbp-topic-meta img.avatar { margin-bottom: 0px; border: 1px double #ddd; margin-right: 4px; } #bbpress-forums div.bbp-template-notice img.avatar { border: 1px double #ddd; vertical-align: 5px; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-freshness { text-align: left; } div.bbp-template-notice a { color: #fff; } #bbpress-forums li.bbp-header { color: #fff; font-size: 13px; font-family: "Open Sans", sans-serif; border-top: none; border-radius: 50px 3px 0 0; padding: 15px 20px; font-weight: normal; } #bbpress-forums ul.bbp-topics .bbp-topic-reply-count, #bbpress-forums ul.bbp-topics .bbp-topic-view-count { height: auto; padding: 0; border: none; color: #fff; } #bbpress-forums li.bbp-body { border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; } #bbpress-forums ul.bbp-topics li.bbp-body .topic { border: none; background: #fff; padding-top: 15px; padding-left: 20px; padding-right: 20px; } #bbpress-forums ul.bbp-topics li.bbp-body .bbp-topic-reply-count { color: #333; } #bbpress-forums ul.bbp-topics li.bbp-body .topic { border-bottom: 1px solid #dfdfdf; } #bbpress-forums ul.bbp-topics .bbp-topic-meta { border-top: none; margin-top: 0; } #bbpress-forums ul.bbp-topics .bbp-author-avatar img { width: auto; } #bbpress-forums ul.bbp-topics .bbp-author-avatar { width: auto; height: auto; margin-bottom: -1px; margin-left: 4px; } #bbpress-forums ul.bbp-topics .bbp-topic-started-by { border-right: none; } #bbpress-forums li.bbp-footer { display: none; } .bbp-topic-freshness .bbp-topic-meta { margin-left: 0; text-align: left; padding-left: 17px; } .bbp_widget_login { background-color: #f2f4f5; padding: 25px 30px; } .bbp_widget_login .widget-title { text-transform: none; } .bbp_widget_login input[type="text"], .bbp_widget_login input[type="password"] { height: 42px; background-color: #fff; border: 1px solid #e2e2e3; padding: 5px 10px; line-height: 30px; width: 100%; border-radius: 50px; } .bbp_widget_login button[type="submit"] { color: #fff; text-transform: uppercase; border-radius: 50px; height: 36px; padding: 0px 19px; border: none; line-height: 30px; } /* 8. Theme check class */ .wp-caption { max-width: 100%; color: #333333; margin-bottom: 24px; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } .gallery-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .bypostauthor > article .fn:before { content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px; } .alignleft { float: left; } .alignright { float: right; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 50px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 400; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .widget ul { list-style: none; padding: 0; } .kopa-masonry-1-widget { margin-bottom: 120px; } /*.kopa-free-item-widget, .kopa-free-item-widget .widget-title.widget-title-s15 { color:#fff; }*/ /* 9. Featured content simgple */ .up_featured_content_simple h4 { text-transform: uppercase; position: relative; font-weight: 400; line-height: 32px; margin-bottom: 25px; padding-bottom: 15px; letter-spacing: 2px; } .up_featured_content_simple h4:before { content: ""; height: 1px; position: absolute; left: 0; bottom: 0; width: 90px; background-color: #ced1dd; } .up_featured_content_simple .kopa-button { margin-top: 15px; padding-left: 30px; padding-right: 30px; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #EDBD36; } /* 10. Slide 2 */ .up-slide2 .item .entry-item { position: relative; } .up-slide2 .item .entry-item .entry-thumb { position: relative; } .up-slide2 .item .entry-item .entry-thumb img { display: block; width: 100%; height: auto; } .up-slide2 .item .entry-item .entry-thumb:before { content: ""; position: absolute; top: 0; width: 370px; left: 50%; margin-left: -185px; background-color: rgba(255, 255, 255, 0.3); height: 100%; z-index: 1; } .up-slide2 .item .entry-item .entry-content { padding-top: 110px; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; } .up-slide2 .item .entry-item .entry-content .entry-title { position: relative; margin-bottom: 20px; } .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-weight: 400; font-size: 70px; line-height: 76px; margin-bottom: 0; } .up-slide2 .item .entry-item .entry-content .entry-title h2 a { color: #fff; } .up-slide2 .item .entry-item .entry-content .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; } .up-slide2 .item .entry-item .entry-content .entry-title p:before, .up-slide2 .item .entry-item .entry-content .entry-title p:after { content: ""; height: 1px; width: 75px !important; position: absolute; left: 0; top: 0; background-color: #b8b6bb; } .up-slide2 .item .entry-item .entry-content .entry-title p:after { left: auto; right: 0; } .up-slide2 .item .entry-item .entry-content .entry-title p > span { width: 16px; height: 8px; background-color: #b8b6bb; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .up-slide2 .item .entry-item .entry-content .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #b8b6bb; top: 0; left: -8px; left: auto; right: 0; } .up-slide2 .item .entry-item .entry-content .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #b8b6bb; top: 0; right: -8px; right: auto; left: 0; } .up-slide2 .item .entry-item .entry-content p.entry-excerpt { color: #fff; font-size: 18px; line-height: 24px; } .up-slide2 .item .entry-item .entry-content .kopa-button { margin-top: 30px; } @media screen and (max-width:1120px) { .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-size: 50px; line-height: 56px; } .up-slide2 .item .entry-item .entry-content .entry-title { margin-bottom: 20px; } .up-slide2 .item .entry-item .entry-content .kopa-button { margin-top: 15px; } } @media screen and (max-width:979px) { .five-columns.vc_row .vc_col-sm-2 { width: 100%; padding: 0; margin-right: 0; min-height: 0; margin-bottom: 15px; } .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) { margin-right: 0; } .up-slide2 .item .entry-item .entry-content p.entry-excerpt, .up-slide2 .item .entry-item .entry-content .entry-title p { display: none; } .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-size: 40px; line-height: 46px; } .up-slide2 .item .entry-item .entry-content .kopa-button { padding: 10px 20px; margin-top: 0; } .up-slide2 .item .entry-item .entry-content { padding-top: 55px; } } pub screen and (max-width:767px) { .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-size: 30px; line-height: 36px; } } @media screen and (max-width:639px) { .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-size: 20px; line-height: 26px; margin-bottom: 0; } .up-slide2 .item .entry-item .entry-content .kopa-button { display: none; } } @media screen and (max-width:479px) { .up-slide2 .item .entry-item .entry-content .entry-title h2 { font-size: 18px; line-height: 24px; padding: 0 15px; } .up-slide2 .item .entry-item .entry-content { padding-top: 30px; } } /* 11. widget kopa-owl-3-widget */ .entry-item.quote-post .entry-icon span:before, .entry-box.quote-post .entry-icon span:before, .item.quote-post .entry-icon span:before { content: "\f10d"; } .kopa-owl-3-widget .entry-item.audio-post .entry-icon span:before, .kopa-owl-3-widget .entry-box.audio-post .entry-icon span:before, .kopa-owl-3-widget .item.audio-post .entry-icon span:before { content: "\f025"; } .entry-item.gallery-post .entry-icon span:before, .entry-box.gallery-post .entry-icon span:before, .item.gallery-post .entry-icon span:before { content: "\f1c5"; } .entry-item.audio-post .entry-icon span:before { content: "\f025"; } .kopa-owl-3-widget .entry-item.audio-post .entry-icon:before, .kopa-owl-3-widget .entry-box.audio-post .entry-icon:before, .kopa-owl-3-widget .item.audio-post .entry-icon:before { content: ""; } .blue-style .kopa-button.pink-button { background-color: #EDBD36; } /* 12 . Search course */ .kopa-course-search-2-widget .course-form .text-block { position: relative; margin-top: 20px; } .kopa-course-search-2-widget .course-form .text-block input { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 0; outline: 0; background: #fff; height: 44px; line-height: 32px; padding: 5px 15px; width: 100%; color: #a7aebf; } .kopa-course-search-2-widget .course-form::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #a7aebf; } .kopa-course-search-2-widget .course-form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a7aebf; opacity: 1; } .kopa-course-search-2-widget .course-form::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a7aebf; opacity: 1; } .kopa-course-search-2-widget .course-form:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7aebf; } /* 13. Shortcode */ .kopa-button { margin-bottom: 10px; } .table-4col .pricing-column .pricing-column-inner { margin-bottom: 30px; } .entry-box .about-author { clear: both; overflow: hidden; } .single .comments-list .comment-respond { margin-top: 20px; } .lang-item img { padding-right: 3px; } .entry-event-box .row > div.right-col .about-author { clear: both; overflow: hidden; } .kopa-event-grid-widget { border-top: 0 !important; padding-top: 0 !important; } .kopa-event-grid-widget .row { padding-bottom: 20px; } .search-form input.search-text { border: 1px solid #eeeeee; } #bottom-sidebar-s2 > .row > div .widget.kopa-ads-widget-1 { margin-bottom: 20px !important; } /* 14. Css default widget */ .widget_search .widget-title, .widget_categories .widget-title, .widget_tag_cloud .widget-title, .widget_archive .widget-title, .widget_calendar .widget-title, .widget_pages .widget-title, .widget_meta .widget-title, .widget_recent_comments .widget-title, .widget_recent_entries .widget-title, .widget_rss .widget-title a, .widget_text .widget-title, .widget_nav_menu .widget-title, .upside-right-sidebar .widgettitle { font-size: 21px; line-height: 24px; margin-bottom: 25px; } .widget_tag_cloud a { font-size: 14px !important; background: #fff } .widget_nav_menu .sub-menu { margin-left: 14px; padding-top: 20px; } .widget_nav_menu .sub-menu li { padding-bottom: 0; } .widget_text select, .widget_archive select, .widget_categories select { max-width: 100%; width: 100%; border: 1px solid #f2f4f5; padding: 5px; outline: none; } .widget_archive select, .widget_text select, .widget_archive select, .widget_categories select { padding: 5px; outline: none; } .widget_calendar table { border: 1px solid #f2f4f5; width: 100%; padding: 10px; border-collapse: collapse; } .widget_calendar table caption { border: 1px solid #f2f4f5; border-bottom: none; padding: 5px 0; } .widget_calendar table #today { font-weight: 400; } .kopa-login-widget input[type="password"] { height: 42px; background-color: #fff; border: 1px solid #e2e2e3; padding: 5px 10px; line-height: 30px; width: 100%; border-radius: 50px; } .kopa-login-widget button.submit { color: #fff; text-transform: uppercase; border-radius: 50px; height: 42px; padding: 5px 30px; border: none; line-height: 30px; } .blue-style .owl-theme .owl-controls .owl-buttons div:hover { color: #EDBD36; } .kopa-article-list-3-widget { margin-top: 0; } #kopa-page-footer .widget_text, #kopa-page-footer-s2 .widget_text { text-align: center; } @media screen and (min-width:767px) { .kopa-nothumb-widget article { padding-bottom: 40px; } } .entry-categories { display: inline-block; } .sticky { position: relative; } .sticky-post-icon { position: absolute; top: 0; left: 0; padding: 9px 16px; } .sticky-post-icon i { font-size: 16px; color: #fff; } /* Theme Unit Test */ address, pre, hr, dl, dd, table { margin-bottom: 1.6842em; } table, tbody, thead, tr, th, td { border: 0; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; width: 100%; } th, td { padding: 0.4em; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } address, cite { font-style: italic; } img.alignright { margin-bottom: 20px; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2632em; } .wp-caption-text { padding: 0.5em 0; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4211em 1.6842em 1.6842em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4211em 0 1.6842em 1.6842em; } .fluid-width-video-wrapper { margin-bottom: 0; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon:before { content: ""; } .top-title-style { } .top-title-style .widget-content ul li .entry-item .entry-title { font-size: 15px; line-height: 22px; } .sidebar .widget .widget-title.widget-title-s9 { font-size: 18px; line-height: 24px; margin-bottom: 25px; } .kopa-faq-section .kopa-portfolio-list-2-widget .filters-options-wrapper { margin-bottom: 30px; } .faq-wrapper { padding: 0; border: none; } .nav-tabs.tabs-faq > li a { background: #fff; padding: 0; } .nav-tabs.kopa-tabs-1 > li.active a { color: #333; } .nav-tabs.tabs-faq > li.active a, .nav-tabs.tabs-faq > li:hover a { background: #fff; } .kopa-faq-section .faq-filter ul li.active a, .kopa-faq-section .faq-filter ul li.active a:before { color: #EDBD36; } .kopa-faq-section .faq-filter ul li.active a:before { background-color: #EDBD36; opacity: 1; } .kopa-service-2-widget .widget-content .row > div .entry-item { text-align: center; padding: 0 30px; margin-top: 30px; } .kopa-service-2-widget .widget-title.widget-title-s5 { margin-bottom: 30px; } #bottom-sidebar .widget_text { margin-bottom: 35px; } #bottom-sidebar .kopa-ads-widget-1 { margin-bottom: 20px !important; } .vc_wp_custommenu .widget_nav_menu .widgettitle { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .vc_wp_custommenu .widget_nav_menu ul { margin-top: 0; } .vc_wp_custommenu .widget_nav_menu ul li { padding-top: 5px; padding-bottom: 5px; padding-left: 0px; } .vc_wp_custommenu .widget_nav_menu ul li:before { top: 13px; left: 5px; } .kopa-course-search-widget .course-form .text-block input { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 0; outline: 0; background: #fff; height: 48px; line-height: 32px; padding: 5px 15px; width: 100%; color: #a7aebf; border-radius: 50px; } .kopa-course-search-2-widget .widget-title.widget-title-s10 { margin-bottom: 0; } .kopa-login-widget .logout-link { color: #fff; text-transform: uppercase; border-radius: 50px; height: 42px; padding: 5px 30px; border: none; line-height: 30px; display: inline-block; margin-top: 30px; } .kopa-service-1-widget .widget-content .row > div .entry-item { margin-bottom: 30px; } .site-title { margin: 0; line-height: 22px; } .site-title a { font-size: 16px; color: #fff; text-transform: uppercase; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li.active > a { color: #fff; } .title-color-blue { color: #EDBD36 !important; text-transform: capitalize; } .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li.active a { color: #fff; } .search-form input.search-text { font-weight: 300; } .widget_display_replies li { border-top: 1px solid #eeeeee; padding-top: 10px; padding-bottom: 5px; } .widget_display_replies li:first-child { border-top: none; padding-top: 0px; } .widget_display_replies li img { display: none; } .widget_display_topics li { border-top: 1px solid #eeeeee; padding-top: 10px; } .widget_display_topics li:first-child { border-top: none; padding-top: 0px; } .widget_display_stats { display: inline-block; width: 100%; } .widget_display_stats dt { float: left; width: 100%; display: inline-block; border-top: 1px solid #eeeeee; padding: 10px 0; font-weight: 300; } .widget_display_stats dt:first-child { border-top: none; padding-top: 0; } .widget_display_stats dd { float: right; width: 15px; height: 17px; line-height: 10px; margin-bottom: 0; margin-top: -25px; } .widget_display_stats dd strong { font-weight: 300; } .widget_display_views li { border-top: 1px solid #eeeeee; padding-top: 7px; } .widget_display_views li:first-child { border-top: none; padding-top: 0; } .widget_display_forums li { border-top: 1px solid #eeeeee; padding-top: 7px; } .widget_display_forums li:first-child { border-top: none; padding-top: 0; } .widget.widget_text .textwidget strong { font-family: "Open Sans", sans-serif; font-weight: 400; } .widget.widget_text .textwidget img { max-width: 100%; } .widget.widget_text .textwidget > p { margin-bottom: 20px; } .kopa-area .widget_nav_menu ul li:hover { background: none; } .widget.bbp_widget_login .widget-title, .widget.widget_display_views .widget-title, .widget.widget_display_search .widget-title, .widget.widget_display_forums .widget-title, .widget.widget_display_topics .widget-title, .widget.widget_display_stats .widget-title, .widget.widget_display_replies .widget-title { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } /** * Woocommerce * ------------------------------------------------------------------- **/ .widget.woocommerce.widget_shopping_cart .widget-title, .widget.woocommerce.widget_product_categories .widget-title, .widget.woocommerce.widget_products .widget-title, .widget.woocommerce.widget_product_search .widget-title, .widget.woocommerce.widget_recent_reviews .widget-title, .widget.woocommerce.widget_product_tag_cloud .widget-title, .widget.woocommerce.widget_recently_viewed_products .widget-title, .widget.woocommerce.widget_top_rated_products .widget-title { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li { padding: 15px 2em 15px 0; border-top: 1px solid #eeeeee; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li:first-child { border-top: none; padding-top: 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li:first-child a.remove { top: 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a { margin-bottom: 5px; font-family: "Open Sans", sans-serif; font-weight: 400; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a.remove { top: 10px; right: 0; left: auto; width: 22px; height: 22px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a.remove:hover { color: #fff !important; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a img { width: 75px !important; float: left; margin-left: 0; margin-right: 15px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button { padding: 10px 20px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover { color: #fff; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total { padding: 10px 0; margin-bottom: 0; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total strong { margin-right: 10px; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total span { font-size: 16px; } .widget.woocommerce.widget_product_categories { display: inline-block; width: 100%; clear: both; } .widget.woocommerce.widget_product_categories .widget-title { float: left; width: 100%; clear: both; } .widget.woocommerce.widget_product_categories .product-categories { float: left; width: 100%; clear: both; } .widget.woocommerce.widget_product_categories .product-categories > li:first-child > a { padding-top: 0; border-top: 0; } .widget.woocommerce.widget_product_categories .product-categories > li:last-child > a { padding-bottom: 0; } .widget.woocommerce.widget_product_categories .product-categories > li > a:before { display: inline-block; margin-right: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; } .widget.woocommerce.widget_product_categories .product-categories li { float: left; width: 100%; margin: 0; border: none; padding: 0; } .widget.woocommerce.widget_product_categories .product-categories li a { float: left; width: 100%; font-family: "Open Sans", sans-serif; border-top: 1px solid #eeeeee; padding: 10px 0; position: relative; } .widget.woocommerce.widget_product_categories .product-categories li ul { float: left; width: 100%; clear: both; margin: 0; } .widget.woocommerce.widget_product_categories .product-categories li ul li a { padding-left: 15px; } .widget.woocommerce.widget_products .product_list_widget li { padding: 15px 0; border-top: 1px solid #eeeeee; } .widget.woocommerce.widget_products .product_list_widget li a { font-family: "Open Sans", sans-serif; font-weight: 400; } .widget.woocommerce.widget_products .product_list_widget li a img { width: 75px !important; float: left; margin-left: 0; margin-right: 15px; } .widget.woocommerce.widget_products .product_list_widget li del, .widget.woocommerce.widget_products .product_list_widget li ins { display: block; } .widget.woocommerce.widget_products .product_list_widget li:first-child { padding-top: 0; border-top: none; } .widget.woocommerce.widget_product_search .woocommerce-product-search { position: relative; } .widget.woocommerce.widget_product_search .woocommerce-product-search .search-field { height: 50px; line-height: 30px; padding: 10px 130px 10px 15px; width: 100%; background-color: #fff; border-radius: 5px; border: 1px solid #eeeeee; font-style: italic; font-weight: 300; } .widget.woocommerce.widget_product_search .woocommerce-product-search input[type="submit"] { color: #fff; padding: 10px 30px; line-height: 30px; border: none; text-transform: uppercase; font-size: 14px; font-weight: 300; position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; } .widget.woocommerce.widget_recent_reviews .product_list_widget li { padding: 15px 0; border-top: 1px solid #eeeeee; } .widget.woocommerce.widget_recent_reviews .product_list_widget li:first-child { border-top: none; padding-top: 0; } .widget.woocommerce.widget_recent_reviews .product_list_widget li a { margin-bottom: 5px; font-family: "Open Sans", sans-serif; font-weight: 400; } .widget.woocommerce.widget_recent_reviews .product_list_widget li a img { width: 75px !important; float: left; margin-left: 0; margin-right: 15px; } .widget.woocommerce.widget_recent_reviews .product_list_widget li .star-rating { font-size: 12px; } .widget.woocommerce.widget_product_tag_cloud .tagcloud a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; font-size: 14px !important; margin-right: 4px; margin-bottom: 8px; } .widget.woocommerce.widget_product_tag_cloud .tagcloud a:hover { color: #fff; } .widget.woocommerce.widget_recently_viewed_products .product_list_widget li { padding: 15px 0; border-top: 1px solid #eeeeee; } .widget.woocommerce.widget_recently_viewed_products .product_list_widget li:first-child { border-top: none; padding-top: 0; } .widget.woocommerce.widget_recently_viewed_products .product_list_widget li a { font-family: "Open Sans", sans-serif; font-weight: 400; } .widget.woocommerce.widget_recently_viewed_products .product_list_widget li a img { width: 75px !important; float: left; margin-left: 0; margin-right: 15px; } .widget.woocommerce.widget_recently_viewed_products .product_list_widget li del, .widget.woocommerce.widget_recently_viewed_products .product_list_widget li ins { display: block; } .widget.woocommerce.widget_top_rated_products .product_list_widget li { margin: 0; border-bottom: none; border-top: 1px solid #eeeeee; padding: 15px 0 !important; } .widget.woocommerce.widget_top_rated_products .product_list_widget li:first-child { border-top: none; } .widget.woocommerce.widget_top_rated_products .product_list_widget li a { font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 10px; } .widget.woocommerce.widget_top_rated_products .product_list_widget li .star-rating { font-size: 12px; line-height: 1; margin-bottom: 10px; } .widget.woocommerce.widget_top_rated_products .product_list_widget li .star-rating span { line-height: 1; } .widget.woocommerce.widget_top_rated_products .product_list_widget li .star-rating .amount { font-size: 16px; } .woocommerce .woocommerce-message .button { color: #fff; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 200px; } .woocommerce-cart table.cart img { width: 75px !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #eeeeee; padding: 5px 10px; } .woocommerce form .form-row textarea { height: 100px; } .woocommerce a.add_to_cart_button.added i, .woocommerce-page a.add_to_cart_button.added i, .woocommerce ul.products li.product a.added_to_cart.wc-forward { display: none; } .kopa-course-comment-widget .respond .comment-form .row > div .comment-button input[type="submit"]:hover { color: #fff; } #bbpress-forums .bbp-template-notice { background: #f4f4f4; } /* add css */ .entry-event-box .row > div.right-col > .no-teacher { border-bottom: none; margin-bottom: 0; } #bottom-sidebar-s2 > .row > div:first-child .widget-title, #bottom-sidebar-s2 > .row > div:first-child a, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .widget.widget_nav_menu ul li a, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .widget_display_stats dt, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .widget_display_stats dd, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .widget_display_replies li, #bottom-sidebar-s2 .col-md-4.col-sm-4.col-xs-12:first-child .widget_display_replies li div, #bottom-sidebar-s2 div.wp-caption .wp-caption-text, .kopa-area-16, .kopa-area-16 .widget-title, .kopa-area-16 .widget_archive ul li, .kopa-area-16 .widget_nav_menu ul li, .kopa-area-16 .widget_archive ul li a, .kopa-area-16 .widget_nav_menu ul li a, .kopa-area-16 div.wp-caption .wp-caption-text, .kopa-area-16 .bbp_widget_login .logout-link, .kopa-area-16 .widget_display_views li a, .kopa-area-16 .widget_display_forums li a, .kopa-area-16 .widget_display_topics li a, .kopa-area-16 .widget_display_stats dt, .kopa-area-16 .widget_display_stats dd, .kopa-area-16 .widget_display_replies li, .kopa-area-16 .widget_display_replies li a { color: #fff; } #bottom-sidebar-s2 > .row > div:first-child table, #bottom-sidebar-s2 > .row > div:first-child table caption, #bottom-sidebar-s2 > .row > div:first-child table thead tr th, #bottom-sidebar-s2 > .row > div:first-child table tbody tr td, #bottom-sidebar-s2 > .row > div:first-child table tfoot tr td, .kopa-area-16 a, .kopa-area-16 .widget_categories ul li, .kopa-area-16 .widget_recent_comments ul li, .kopa-area-16 .widget_calendar table, .kopa-area-16 .widget_calendar table caption, .kopa-area-16 .widget_calendar table thead tr th, .kopa-area-16 .widget_calendar table tbody tr td, .kopa-area-16 .widget_calendar table tfoot tr td { border-color: #fff; color: #fff; } #bottom-sidebar-s2 .widget_nav_menu .sub-menu, .kopa-area-16 .widget_nav_menu .sub-menu { padding-top: 0; } #bottom-sidebar-s2 .widget_nav_menu .sub-menu li, .kopa-area-16 .widget_nav_menu .sub-menu li { border: none; } #bottom-sidebar-s2 .widget_archive ul li, #bottom-sidebar-s2 .widget_nav_menu ul li, .kopa-area-16 .widget_archive ul li, .kopa-area-16 .widget_nav_menu ul li { border-top-color: rgba(255, 255, 255, .3); } #bottom-sidebar-s2 .widget.bbp_widget_login, .kopa-area-16 .widget.bbp_widget_login { background: transparent; padding: 0; } .bbp-login-form label { font-weight: 300; } .kopa-header-3 #kopa-header-top { position: fixed; width: 100%; z-index: 100; background: transparent !important; } .kopa-header-3 #kopa-header-top .kopa-language > button { background: transparent; } .kopa-header-3 #kopa-header-top.bg-none { background: #EDBD36 !important; } #upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 { width: 100%; } #upside-right-sidebar .bbp_widget_login .logout-link { display: inline-block !important; font-family: "Open Sans", sans-serif; color: #fff; padding: 7px 15px; font-weight: 300; text-shadow: none; border-radius: 0; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 { width: 100%; } .upside-right-sidebar .bbp_widget_login .logout-link { display: inline-block !important; font-family: "Open Sans", sans-serif; color: #fff; padding: 7px 15px; font-weight: 300; text-shadow: none; border-radius: 0; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } #upside-single-content .pagination ul > li, #comments .pagination ul > li, #upside-single-content .pagination ul ul > li, #comments .pagination ul ul > li, #upside-single-content .pagination ol li ol li, #upside-single-content .pagination ul li ol li ol li, #comments .pagination ol li ol li, #comments .pagination ul li ol li ol li { list-style: none; } #upside-single-content ul ul > li, #comments ul ul > li { list-style: circle; } #upside-single-content ol li ol li, #upside-single-content ul li ol li ol li, #comments ol li ol li, #comments ul li ol li ol li { list-style: decimal; } #upside-right-sidebar .kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: 1px solid #eee; } .upside-right-sidebar .kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: 1px solid #eee; } #related-post .col-md-4.col-sm-4.col-xs-12 { margin-bottom: 30px; } #related-post .col-md-4.col-sm-4.col-xs-12:nth-child(3n+4) { clear: both; } .entry-box-footer, .entry-event-box-footer { background: #f6f6f6; position: relative; } .entry-box-footer:before, .entry-event-box-footer:before { display: inline-block; position: absolute; content: ''; width: 1px; top: 0; bottom: 0; left: 50%; background: #e1e1e1; } .entry-box-footer .prev-article-item .entry-item .mask, .entry-box-footer .next-article-item .entry-item .mask { } .entry-course-box-footer { background: #f6f6f6; position: relative; } .entry-course-box-footer:before { display: inline-block; position: absolute; content: ''; width: 1px; top: 0; bottom: 0; left: 50%; background: #e1e1e1; } .entry-course-box-footer .prev-article-item .entry-item .mask, .entry-course-box-footer .next-article-item .entry-item .mask, .entry-event-box-footer .next-article-item .entry-item .mask { display: none; } /* Color */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, a:hover, a.active, .text-hover, .kopa-button.kopa-line-button.pink-button, .kopa-button.kopa-line-button.navy-button:hover, .table-4col .pricing-column .pricing-column-inner .pricing-header .special span, .table-4col .pricing-column .pricing-column-inner .pricing-footer a:hover, .kopa-e-list.kopa-icon-list li i, .txt-decoration-2, .owl-theme .owl-controls .owl-buttons div:hover, #top-nav #top-menu li ul li:hover > a, #top-nav .kopa-search-box form.search-form button.search-submit:hover i, #main-menu > li > ul > li > ul > li:hover > a, #main-menu > li > ul > li > ul > li.current-menu-item > a, #main-menu > li > ul > li .current-menu-item > a, #main-menu li .sf-mega .row > div .row > div ul li:hover > a, #main-menu li .sf-mega .row > div .row > div ul li.current-menu-item > a, .mobile-search-box .mobile-search-form button.search-submit:hover, .main-nav-mobile .pull, #footer-nav #footer-menu li a:hover, .widget .widget-title.widget-title-s2 .see-more a:hover, .widget .widget-title.widget-title-s2 .see-more:hover, .widget .widget-title.widget-title-s3 .see-more a:hover, .widget .widget-title.widget-title-s3 .see-more:hover, .widget .widget-title.widget-title-s11 .see-more a:hover, .widget .widget-title.widget-title-s11 .see-more:hover, .entry-time, .entry-author a:hover, .entry-categories a:hover, .entry-view, .entry-comment a:hover, .breadcrumb a:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover, .widget_categories ul li:hover a, .kopa-event-2-widget ul li .entry-title a:hover, .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title a:hover, .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title a:hover, .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon:hover, .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title a:hover, .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title a:hover, .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title a:hover, .upside-three-item .widget-content ul li .entry-item .entry-content .entry-title a:hover, .kopa-featured-teacher-widget .entry-item .entry-content footer span, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title a:hover, .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 a:hover, .kopa-contact-1-widget .widget-content ul li a:hover, .kopa-contact-2-widget .widget-content a:hover, .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a, .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher span, .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher a:hover, .kopa-article-list-7-widget .entry-item .entry-title a:hover, .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-author a:hover, .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon:hover span, .kopa-tagline-3-widget .entry-title h2 a:hover, .kopa-tagline-4-widget .entry-title h2 a:hover, .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title a:hover, .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title a:hover, .kopa-blog-list-1-widget .entry-item .entry-content .meta-box .entry-author a, .kopa-blog-list-2-widget .entry-item .entry-content .meta-box .entry-author a, .kopa-event-list-2-widget .entry-item .entry-content header .entry-author a, .kopa-event-list-4-widget .entry-item:hover .entry-title a:hover, .kopa-event-list-4-widget .entry-item:hover .more-link:hover, .kopa-event-list-4-widget .entry-item:hover .more-link:hover i:before, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box a:hover, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title a:hover, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories a:hover, .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title a:hover, .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title a:hover, .it-scroll-down:hover p, .it-scroll-down:hover span, .kopa-demo-widget .entry-item .entry-content a:hover h5, .kopa-home-2 .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a:hover, .entry-box .about-author .author-content h5 a:hover, .entry-box .entry-box-footer > div .entry-item .entry-content a:hover, .entry-event-box .row > div.right-col .about-author .author-content h5 a:hover, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a:hover, .entry-course-box .row > div.left-col .about-author .author-content h5 a:hover, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a:hover, #bbpress-forums ul.bbp-forums .bbp-author-name:hover, #bbpress-forums ul.bbp-forums .bbp-forum-title:hover, #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in a, #bbpress-forums ul.bbp-forums .bbp-forum-freshness > a:hover, #bbpress-forums ul.bbp-topics .bbp-author-name, #bbpress-forums ul.bbp-topics .bbp-topic-permalink:hover, #bbpress-forums ul.bbp-threads .bbp-author-name, #bbpress-forums .bbp-topic-form .author-name, #bbpress-forums div.bbp-the-content-wrapper input:hover, #bbpress-forums div.bbp-the-content-wrapper input:active, #kopa-contact-info-widget p i, #kopa-contact-info-widget p a:hover, #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box a:hover, .woocommerce ul.products li.product .product-detail > a h3:hover, .woocommerce-page ul.products li.product .product-detail > a h3:hover, .widget_product_categories .product-categories li span, .widget_top_rated_products ul.product_list_widget li .star-rating, .widget_top_rated_products ul.product_list_widget li .star-rating:before, .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce-page div.product div.summary p.price ins .amount, .woocommerce div.product div.summary .product_meta a:hover, .woocommerce-page div.product div.summary .product_meta a:hover, #bottom-sidebar .widget.widget_nav_menu ul li a:hover, #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li a:hover, #back-top a:hover, .widget_display_replies li a:hover, .widget_display_topics li a:hover, .widget_display_views li a:hover, .widget_display_forums li a:hover, .bbp_widget_login .logout-link:hover, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a:hover, .widget.woocommerce.widget_recent_reviews .product_list_widget li a:hover, .widget.woocommerce.widget_recent_reviews .product_list_widget li .star-rating span, .widget.woocommerce.widget_recently_viewed_products .product_list_widget li a:hover, .widget.woocommerce.widget_top_rated_products .product_list_widget li .star-rating span:before, .woocommerce .woocommerce-message:before, .widget.kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link:hover i, #bbpress-forums .bbp-template-notice p a:hover, .kopa-faq-section .tabs-faq.kopa-tabs-1 > li:hover a, .entry-box .entry-box-footer > div .entry-item .entry-content .entry-title a:hover, .entry-course-box-footer > div .entry-item .entry-content .entry-title a:hover, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a:hover, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content .entry-title a:hover { color: #EDBD36; } .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span, .main-nav-mobile .main-menu-mobile, .kopa-portfolio-list-1-widget .filters-options li.active, .kopa-portfolio-list-1-widget .filters-options li:hover, .btn-intro li a:hover, .btn-intro li:first-child a, .btn-view a:hover, .btn-dl, .btn-itn:hover, #bbpress-forums ul.bbp-topics .bbp-sticky-complete, #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky, #bbpress-forums ul.bbp-threads .bbp-sticky-complete, #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky, #bbpress-forums fieldset.bbp-form button[type="submit"]:hover, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce div.product div.images .onsale, .woocommerce-page div.product div.images .onsale, .sticky-post-icon, .widget.woocommerce.widget_product_tag_cloud .tagcloud a:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, #upside-right-sidebar .bbp_widget_login .logout-link, .upside-right-sidebar .bbp_widget_login .logout-link { background: #011258; } .kopa-button.kopa-line-button.pink-button, .kopa-button.kopa-line-button.navy-button:hover, .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span, .widget_tag_cloud a:hover, .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link:hover i, .more-link:hover i, .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link:hover i, .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon:hover, .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link:hover i, .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page.active span, .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page:hover span, .upside-three-item .widget-content ul li .entry-item .entry-content .more-link:hover i, .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon:hover span, .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page.active span, .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page:hover span, .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page.active span, .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page:hover span, .kopa-event-list-4-widget .entry-item:hover .more-link:hover i, .kopa-portfolio-list-1-widget .filters-options li.active, .kopa-portfolio-list-1-widget .filters-options li:hover, .btn-intro li a:hover, .btn-view a:hover, .btn-itn.s1:hover, .entry-event-box .row > div.right-col .tag-box a:hover, .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"], .entry-course-box .row > div.left-col .tag-box a:hover, .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"], #bbpress-forums fieldset.bbp-form button[type="submit"]:hover, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button:hover, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button:hover, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button:hover, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button:hover, #back-top a:hover, .widget.woocommerce.widget_product_tag_cloud .tagcloud a:hover, .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .table-4col .pricing-column .pricing-column-inner .pricing-footer a { border-color: #011258; } .kopa-area-20, .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li.active a, .toggle-view li.active h6, .toggle-view li:hover h6, .progress .progress-bar-danger, .kopa-button.pink-button:hover, .kopa-button.navy-button:hover, .kopa-blockquote-1 p i, .pro-bar-wrapper .pro-bar-container .pro-bar.color-green, .pro-bar-wrapper .pro-bar-container .pro-bar.color-pink, .social-links li a:hover, .widget .widget-title.widget-title-s7 i, .entry-icon, .widget_tag_cloud a:hover, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover, .kopa-course-search-widget .course-form .course-submit, .kopa-course-search-2-widget .course-form .course-submit, .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content footer .price-box, .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date p, .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link:hover i, .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box a:hover, .search-form .search-submit, .entry-box .entry-content .entry-content-header > .entry-date p, .entry-box .tag-box a:hover, .entry-event-box .row > div.right-col .tag-box a:hover, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.fa:hover, .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"], .entry-course-box .row > div.left-col .tag-box a:hover, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.fa:hover, .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"], .kopa-login-widget input[type="submit"], #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"], #kopa-page-footer-s2 #back-top a:hover, .pro-pink .pro-bar-container .pro-bar.pro-midnight, .kopa-login-widget button.submit, .kopa-login-widget .logout-link { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dab639+0,b59204+100 */ background: #011258; /* Old browsers */ } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before, #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky:after, #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky:after, .woocommerce ul.products li.product .product-thumb .hot-item:before, .woocommerce-page ul.products li.product .product-thumb .hot-item:before, .woocommerce div.product div.images .onsale:before, .woocommerce-page div.product div.images .onsale:before { border-right-color: #EDBD36; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after, .woocommerce ul.products li.product .product-thumb .hot-item:after, .woocommerce-page ul.products li.product .product-thumb .hot-item:after, .woocommerce div.product div.images .onsale:after, .woocommerce-page div.product div.images .onsale:after { border-left-color: #EDBD36; } .btn-itn.s1:hover, .title-color-blue:hover, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a.remove { color: #EDBD36 !important; } .solid-button-pink-hover .kopa-button:hover { color: #EDBD36 !important; border-color: #EDBD36 !important; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a.remove:hover { background: #EDBD36 !important; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em, .kopa-area-20 .kopa-tagline-1-widget .kopa-line-button:hover, .nav-tabs.kopa-tabs-3 > li.active a, .nav-tabs.kopa-tabs-2 > li a, .kopa-tab-container-4 .kopa-tabs-4 li.active a, .kopa-tab-container-5 .kopa-tabs-5 li a, .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a, .kopa-button.kopa-line-button.navy-button, .kopa-button.kopa-line-button.pink-button:hover, .kopa-button.kopa-line-button.blue-button:hover, .kopa-button.kopa-line-button.green-button:hover, .kopa-button.kopa-line-button.red-button:hover, .table-5col .pricing-column .features li p i, .alert-dark-blue.alert-dismissable .close, .sticky-note.sticky-orange, #main-menu > li > a, #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date strong, .mobile-search-box .mobile-search-form button.search-submit, .pagination ul.page-numbers li a, .pagination ul.page-numbers li span, .pagination ul .current, .pagination ul a, .widget_archive ul li a, .widget_nav_menu ul li a, .kopa-nothumb-2-widget .widget-content .entry-item .entry-date strong, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover a:hover, .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a:hover, .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6, .kopa-blog-list-1-widget .entry-item .entry-content .meta-box .entry-author a:hover, .kopa-blog-list-2-widget .entry-item .entry-content .meta-box .entry-author a:hover, .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date strong, .kopa-event-list-2-widget .entry-item .entry-content header .entry-author a:hover, .kopa-event-list-4-widget .entry-item .entry-date, .kopa-portfolio-list-1-widget .filters-options li, .kopa-breadcrumb .pull-left span, .entry-box .entry-content .entry-content-header > .entry-date strong, .kopa-comment-pagination a, .kopa-comment-pagination span, #contact-form .contact-form .row > div .contact-button input[type="submit"], .contact-form-wrapper form .row > div .contact-button input[type="submit"], .solid-style .kopa-line-button:hover, .widget_archive select, .widget_text select, .widget_archive select, .widget_categories select, .search-form input.search-text, .widget_display_replies li, .widget_display_replies li a, .widget_display_topics li a, .widget_display_stats dt, .widget_display_stats dd, .widget_display_views li a, .widget_display_forums li a, .bbp_widget_login .logout-link, #upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 h3, .upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 h3, .entry-box .entry-box-footer > div .entry-item .entry-content .entry-title a, .entry-course-box-footer > div .entry-item .entry-content .entry-title a, .entry-box .entry-box-footer > div .entry-item .entry-content a.fa:hover, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content .entry-title a { color: #EDBD36; } #main-menu > li > a {color: #011258; font-weight: 600; text-transform: uppercase} .btn-itn { color: #EDBD36 !important; } .kopa-area-20 .kopa-tagline-1-widget .kopa-line-button:hover, .kopa-button.kopa-line-button.navy-button, .kopa-button.kopa-line-button.pink-button:hover, .kopa-button.kopa-line-button.blue-button:hover, .kopa-button.kopa-line-button.green-button:hover, .kopa-button.kopa-line-button.red-button:hover, .pagination ul.page-numbers li span.current, .pagination ul .current, .kopa-comment-pagination span.current, .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"]:hover, .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"]:hover, #bbpress-forums fieldset.bbp-form button[type="submit"], .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .solid-style .kopa-line-button:hover, #bbpress-forums .bbp-pagination-links .page-numbers, div.indicator-hint { border-color: #011258; } .top-main-nav-mobile .top-main-menu-mobile, .btn-intro li:first-child a:hover, .btn-dl:hover, #bbpress-forums .bbp-pagination-links .page-numbers, #bbpress-forums ul.bbp-forums li.bbp-header, #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-complete, #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-complete, #bbpress-forums fieldset.bbp-form button[type="submit"], .woocommerce ul.products li.product .product-thumb .onsale, .woocommerce-page ul.products li.product .product-thumb .onsale, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce div.product div.images .hot-item, #bbpress-forums li.bbp-header, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, #bbpress-forums #bbp-user-wrapper h2.entry-title:before, .kopa-course-comment-widget .respond .comment-form .row > div .comment-button input[type="submit"]:hover { background: #011258; } .nav-tabs.kopa-tabs-1 > li.active a, .nav-tabs.kopa-tabs-1 > li:hover a, .nav-tabs.kopa-tabs-3 > li a, .nav-tabs.kopa-tabs-2 > li.active a, .kopa-tab-container-5 .kopa-tabs-5 li.active a, .kopa-tab-container-5 .kopa-tabs-5 li:hover a, .kp-dropcap-2, .panel-group .panel .panel-heading > .panel-title a .btn-title:before, .panel-group .panel .panel-heading > .panel-title a .btn-title:after, .panel-group .panel .panel-heading.active > .panel-title, .panel-group .panel .panel-heading:hover > .panel-title, .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title, .kopa-toggle-3.toggle-view li.active h6, .kopa-toggle-3.toggle-view li .kopa-panel, .kopa-divider-line, .kopa-divider-fat-line, .kopa-button.navy-button, .kopa-button.pink-button:hover, .kopa-button.blue-button:hover, .kopa-button.green-button:hover, .kopa-button.red-button:hover, .table-5col .pricing-column .pricing-header, .table-4col .pricing-column .pricing-column-inner .pricing-header, .alert-dark-blue, .pro-bar-wrapper .pro-bar-container.color-midnight-blue, .pro-bar-wrapper .pro-bar-container .pro-bar.color-midnight-blue, .pagination ul.page-numbers li span.current, .pagination ul .current, .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"], .kopa-owl-3-widget .owl-carousel-3 .item .entry-item, .kopa-course-search-widget .course-form .course-submit:hover, .kopa-course-search-2-widget .course-form .course-submit:hover, .kopa-course-list-3-widget .kopa-course-list-table .table-header, .kopa-course-list-3-widget .kopa-course-list-table .table-list li:hover, .kopa-service-1-widget .widget-content .row > div .entry-item > i, .kopa-article-list-6-widget .entry-item .entry-content ul li i, .kopa-article-list-9-widget ul li .entry-item .more-link, .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons div, .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div, .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div, .kopa-event-list-4-widget .entry-item:hover, .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover, .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link i, .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box a, .kopa-home-2 .kopa-course-search-widget .course-form .course-submit:hover, .kopa-home-2 .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover, .search-form .search-submit:hover, .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div, .kopa-comment-pagination span.current, .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"]:hover, .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"]:hover, .kopa-login-widget input[type="submit"]:hover, #contact-form .contact-form .row > div .contact-button input[type="submit"]:hover, .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div, #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover, .contact-form-wrapper form .row > div .contact-button input[type="submit"]:hover, .blue-style .course-form .course-submit:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li, .bbp_widget_login button[type="submit"]:hover, .pro-blue .pro-bar-container .pro-bar.pro-midnight, .kopa-login-widget .logout-link:hover { background: #011258; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header i, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button { border-color: #EDBD36; } .nav-tabs.kopa-tabs-2 > li:before, .kopa-divider-dotted, .kopa-divider-dashed, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price:before { border-top-color: #EDBD36; } .kopa-blockquote-1, .woocommerce ul.products li.product .product-thumb .onsale:after, .woocommerce-page ul.products li.product .product-thumb .onsale:after, .woocommerce div.product div.images .hot-item:after { border-left-color: #EDBD36; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-complete:after, #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-complete:after, .woocommerce ul.products li.product .product-thumb .onsale:before, .woocommerce-page ul.products li.product .product-thumb .onsale:before, .woocommerce div.product div.images .hot-item:before { border-right-color: #EDBD36; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a { border-right-color: #EDBD36 !important; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a { border-top-color: #EDBD36 !important; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a { border-bottom-color: #EDBD36 !important; } .tabs-faq.kopa-tabs-1 > li.active a { background-color: #fff; color: #637587!important; } .tabs-faq.kopa-tabs-1 > li.active a:hover, .tabs-faq.kopa-tabs-1 > li a:hover { background-color: #fff; } .single .upside-content-custom iframe { width: 100%; } #bottom-sidebar-s2 .widget_nav_menu > ul > li:before, #bottom-sidebar-s2 .widget_nav_menu ul.menu > li:before, #bottom-sidebar .widget_nav_menu > ul > li:before, #bottom-sidebar .widget_nav_menu ul.menu > li:before { display: none!important; /*end*/ } .widget.kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link i { color: #fff; } .sf-mega .widget.widget_nav_menu ul li:before { display: none; } .kopa-faq-section .tabs-faq.kopa-tabs-1 > li:hover a { background-color: transparent; } .meta-box .entry-author, .meta-box .entry-meta, .meta-box .entry-categories, .meta-box .entry-categories a, .meta-box .entry-categories span, .meta-box .entry-date, .meta-box .entry-comment { float: none !important; display: inline; } .meta-box .entry-categories a { display: inline-block; } .meta-box .entry-categories:before, .meta-box .entry-categories:after { display: none; } .pagination ul .current { color: #fff; } .pagination ul .current, .pagination ul a { margin-left: 5px; } #bbpress-forums fieldset.bbp-form input#bbp_topic_tags { padding: 5px 10px; border: 1px solid #dfdfdf; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.fa:hover, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.fa:hover, .btn-view a:hover { color: #fff; } .btn-itn.s1:hover { color: #fff!important; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row { margin-right: 0; margin-left: 0; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div { float: none; width: 100% !important; border-top: 1px solid #f2f4f5; padding-left: 0; padding-right: 0; padding-top: 30px; margin-top: 30px; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div:first-child { margin-top: 0; border-top: none; padding-top: 0; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date { margin-right: 20px; padding-bottom: 10px; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date span { font-size: 12px; padding: 0 10px; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date p { padding: 0 10px; margin-bottom: 5px; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date strong { font-size: 24px; padding: 0 10px; margin-bottom: 3px; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content > p { display: none; } #upside-right-sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 15px; line-height: 22px; } div.bbp-template-notice { border: #cee1ef 1px solid; } @media screen and (max-width: 479px) { .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title, .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title, .home-slider-2 #sync2 .owl-item .item h6 { margin-bottom: 10px; padding: 0; } } @media screen and (max-width: 639px) { .kopa-photo-widget .widget-content ul li { width: 100%; text-align: center; } .widget .widget-title.widget-title-s3 i, .widget .widget-title.widget-title-s3 .see-more { display: none; } .up_featured_content_simple h4 { line-height: 24px; font-size: 18px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title, .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title, .home-slider-2 #sync2 .owl-item .item h6 { padding: 0; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li > a { font-size: 11px; } .kopa-ads-2-widget ul li { width: 100%; } .widget-title-s13, .widget-title.widget-title-s14, .widget-title.widget-title-s15, .widget-title.widget-title-s18 { font-size: 32px; line-height: 40px; } .widget-header.s2 p, .widget-header.s3 p, .widget-header.s4 p { font-size: 16px; line-height: 24px; } .widget-title.widget-title-s16 { font-size: 26px; line-height: 32px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title, .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title, .home-slider-2 #sync2 .owl-item .item h6 { padding: 0; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title:before { display: none; } } /*sticky menu*/ #kopa-header-bottom { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); background: #fff; } .home-slider-1 { margin-top: 0; } #kopa-page-header.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; background: #fff; } #kopa-page-header.sticky #kopa-header-top { display: none; } .upside-single_course__info { } .upside-single_course__info__item.is-utp-course-date-start, .upside-single_course__info__item.is-utp-course-date-end { text-align: right; } .upside-single_course__info__item.is-utp-course-date-start strong, .upside-single_course__info__item.is-utp-course-date-end strong { float: left; text-align: left; margin-right: 0px; } .upside-single_course__info h6, .upside-single_course__price h6 { border-bottom: 3px solid #e2e2e3; font-size: 14px; line-height: 14px; margin-bottom: 15px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .upside-single_course__price__ins { display: block; float: left; margin-right: 15px; font-size: 24px; line-height: 30px; } .upside-single_course__price__del { display: block; float: left; margin-right: 15px; font-size: 16px; line-height: 30px; } .responsive-menu-open .responsive-menu-inner, .responsive-menu-open .responsive-menu-inner::before, .responsive-menu-open .responsive-menu-inner::after { background-color: #fff !important; }