/** * Table of Contents: * 1 - Body 1.1 - Sass 1.2 - Repeatable Patterns 1.3 - Basic Structure 1.4 - Elements 2 - Header / #kopa-page-header 2.1 - Search / .search-box 2.2 - Navigation / #main-nav 3 - Content 3.1 - Widget 3.2 - Home Page 3.3 - Sub Page 3.4 - Sidebar / .sidebar 3.5 - Bottom sidebar / #bottom-sidebar 4.0 - Footer / #kopa-page-footer 5.0 - Responsive * -----------------------------------------------------------------------------*/ /** * 1. Body * ----------------------------------------------------------------------------- */ /**1.1 Sass **/ @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800); /*font-family: 'Raleway', sans-serif;*/ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700); /*font-family: 'Source Sans Pro', sans-serif;*/ /*p { text-align: justify; }*/ @-moz-document url-prefix() { body { font-size: 12px !important; } } body:empty { font-size: 12px !important; } .letter_no_border { border: none; background: none; color: #637587 } .letter_no_border tr { border: none; background: none; color: #637587 } .letter_no_border tr td { border: none; background: none; color: #637587 } #logo-image, #logo-image a { float: none; } .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; } .main-nav-mobile .pull + ul li a { color: #fff } .kopa-e-list li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .main-nav-mobile .pull + ul li:first-child, .top-main-nav-mobile .top-main-menu-mobile li:first-child, .top-main-nav-mobile .pull + ul 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, .top-main-nav-mobile .pull + ul: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 + ul:after, .main-nav-mobile .main-menu-mobile:after, .main-nav-mobile .pull + ul:after, .top-main-nav-mobile .top-main-menu-mobile:after, .top-main-nav-mobile .pull + ul: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, .main-nav-mobile + ul:after, .top-main-nav-mobile .top-main-menu-mobile:after, .top-main-nav-mobile .pull + ul: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; } .main-nav-mobile > ul > li > a:after, .main-nav-mobile .pull + ul > li > a:after, .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, .top-main-nav-mobile .pull + ul > 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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 14px; line-height: 22px; color: #637587; font-weight: 300; font-style: normal; } p.reset { margin: 0; } p:last-child { margin: 0; } /**1.2 Repeatable Patterns**/ ::selection { /* background: #ED1D24; */ color: #c3c3c3; text-shadow: none; } ::-moz-selection { background: #ed145b; color: #fff; text-shadow: none; } *, *:before, *:after { /* [disabled]-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; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; display: block; margin: 0 0 10px; } 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: 48px; line-height: 54px; } h2 { font-size: 40px; line-height: 46px; } h3 { font-size: 34px; line-height: 40px; } h4 { font-size: 24px; line-height: 30px; } h5 { font-size: 18px; line-height: 24px; } h6 { font-size: 14px; line-height: 20px; clear: both; } a { color: #637587; text-decoration: none !important; outline: none !important; } .toggle-view li span { width: 10px } a:hover, a.active { text-decoration: none; } a:focus { outline: none; } ol { counter-reset: item; display: block; margin: 5px 0; padding: 0 0 0 40px; } .content-area ul li { position: relative; padding-left: 30px; list-style: none; } .content-area ul li:before { content: "\f084"; color: #b5b5b5; font-size: 13px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 10px; position: absolute; top: 0; left: 0; } ul { list-style-type: square; margin: 5px 0px; padding: 0 0 0 0px; } .nav-tabs li:before { display: none; } .content-area ul { /*border-bottom: 1px solid #e6e6e6; margin-bottom: -16px;*/ } ul li { list-style-type: inside square; margin-bottom: 10px; list-style-type: none; } 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; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } 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; } .formCalc .col-xs-1, .formCalc .col-sm-1, .formCalc .col-md-1, .formCalc .col-lg-1, .formCalc .col-xs-2, .formCalc .col-sm-2, .formCalc .col-md-2, .formCalc .col-lg-2, .formCalc .col-xs-3, .formCalc .col-sm-3, .formCalc .col-md-3, .formCalc .col-lg-3, .formCalc .col-xs-4, .formCalc .col-sm-4, .formCalc .col-md-4, .formCalc .col-lg-4, .formCalc .col-xs-5, .formCalc .col-sm-5, .formCalc .col-md-5, .formCalc .col-lg-5, .formCalc .col-xs-6, .formCalc .col-sm-6, .formCalc .col-md-6, .formCalc .col-lg-6, .formCalc .col-xs-7, .formCalc .col-sm-7, .formCalc .col-md-7, .formCalc .col-lg-7, .formCalc .col-xs-8, .formCalc .col-sm-8, .formCalc .col-md-8, .formCalc .col-lg-8, .formCalc .col-xs-9, .formCalc .col-sm-9, .formCalc .col-md-9, .formCalc .col-lg-9, .formCalc .col-xs-10, .formCalc .col-sm-10, .formCalc .col-md-10, .formCalc .col-lg-10, .formCalc .col-xs-11, .formCalc .col-sm-11, .formCalc .col-md-11, .formCalc .col-lg-11, .formCalc .col-xs-12, .formCalc .col-sm-12, .formCalc .col-md-12, .formCalc .col-lg-12 { padding: 0px 15px 0 0 } .entry-box .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; height: auto; } .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; } .margin-right-10 { margin-right: 10px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-right-20 { margin-right: 20px; } /**1.3 Basic Structure **/ :-mz-body { font-size:13px !important } html { overflow-x: hidden; } body { font-family: "Source Sans Pro", sans-serif; background: #fff; overflow: hidden; letter-spacing: .5px; } .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; /* padding: 80px 0; */ padding: 20px 0; } .kopa-area-light { background-color: #f2f4f5; } .kopa-area-dark { background-color: #191d3d; } .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.4); } .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; } .kopa-area-16 .mask { background-color: rgba(6, 26, 53, 0.7); } .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 **/ /*----- Mask -----*/ .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6, 22, 47, 0.2); } .mask-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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(../images/background/bg-pattern.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; padding: 0 } .nav-tabs.kopa-tabs-1 > li a { position: relative; padding: 0; margin: 0; border: none !important; border-radius: 0; display: block; padding: 10px 40px; font-size: 16px; background-color: #ececec; 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 #ececec; float: left } .tab-content .tab-pane > p { font-size: 14px; 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; } .coming { padding: 20px 0 80px 0; } .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: 3px; 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: 600; } .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: 600; } /*----- Bootstrap collapse -----*/ .panel-group { margin-bottom: 0px; background: #fff; } .panel-group .panel { background: none; border-radius: 0; box-shadow: none; border: 1px solid #eee; margin: 0 0 10px 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 { 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: 0px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a { padding: 0px 20px 0px 50px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a .btn-title { right: auto; left: 0; border-radius: 5px; top: 0; width: 30px; height: 30px; } .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 10px 50px; } /*----- 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: 25px; padding: 0 15px; margin: 0; background-color: #ececec; font-family: "Source Sans Pro", 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; left: 0px; top: 8px; color: #637587; font-size: 8px; } .toggle-view li .kopa-panel { display: none; 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: #ED1D24; right: 10px; } .toggle-view.kopa-toggle-2 li h6 { background-color: transparent; padding: 0; text-transform: capitalize; font-size: 14px; color: #637587; } h6 a { color: #637587 !important; } h6 a:hover { color: #ED1D24 !important; } .drop { padding: 5px 0; } .toggle-view.kopa-toggle-2 li.active h6, .toggle-view.kopa-toggle-2 li:hover h6 { background-color: #f2f4f5; color: #ED1D24; } .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 3px; } .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: "Raleway", 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: "Raleway", 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 -----*/ .kopa-button { display: inline-block; text-transform: uppercase; font-weight: 400; color: #fff; background-color: #A7A9AC; border-radius: 3px; position: relative; border: none !important; } .kopa-button:hover { display: inline-block; text-transform: uppercase; font-weight: 400; color: #fff !important; background-color: #ED1D24 !important; border-radius: 3px; position: relative; border: none !important; } .kopa-button.small-button { font-size: 12px; padding: 8px 20px; } .kopa-button.medium-button { font-size: 14px; padding: 14px 20px; } .kopa-button.large-button { padding: 17px 20px; font-size: 16px; line-height: 22px; } .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; } .kopa-button.blue-button { background-color: #03a9f5; } .kopa-button.green-button { background-color: #54ca90; } .kopa-button.red-button { background-color: #b82626; } .kopa-button.kopa-button-icon { padding-left: 10px; } .kopa-button.kopa-button-icon:before { content: "\f105"; margin-right: 15px; } .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: #03a9f5; color: #03a9f5; 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: 600; 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: 20%; } .table-5col .pricing-column .pricing-header { color: #fff; padding: 15px 0; } .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; } .table-5col .pricing-column .features li p { margin: 0; padding: 15px 0; } .table-5col .pricing-column .features li p i.fa-close { color: #fd5ab2; } .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: 15px 0; min-height: 70px; border-left: 1px solid #eee; } .table-5col .pricing-column .pricing-footer .kopa-button { margin: 0; text-transform: uppercase; } .table-4col .pricing-column .pricing-column-inner { background-color: #fff; border: 1px solid #ececec; } .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: "Raleway", 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: "Raleway", 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: 600; 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 #ececec; } .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: "Raleway", 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: "Raleway", 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: "Raleway", 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: #155588; font-weight: 300; color: #fff; position: absolute; right: -18px; top: -37px; font-size: 12px; border-radius: 3px; /* 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 #155588; 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; line-height: 35px; font-size: 13px; position: relative; text-align: center; z-index: 0; width: 35px; border-radius: 50%; color: #fff; } .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: #03a9f5; 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: #fff; border-radius: 5px; position: relative; } .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 (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 (max-width: 639px) { .mt-xs-30 { margin-top: 30px; } form.course-form div.col-xs-6 { width: 100%; } form.course-form div.col-sm-6 { width: 100%; } } /**1.2 Basic structure**/ body { position: relative; font-family: "Source Sans Pro", sans-serif; color: #637587; line-height: 22px; font-size: 14px; -moz-font-size: 13px !important; overflow-x: hidden; } .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; } #main-content { position: relative; z-index: 2; margin-top:183px; margin-bottom: 9.5%; float: left; width: 100%; background: #fff; } .kopa-full-width .sidebar { display: none; } .kopa-full-width .main-col { width: 100%; } /*--- owl-button ---*/ td.td_fixes { width: 600px; white-space: nowrap; } .tabel-font-style { margin-left: 15px; padding-left: 20px; position: relative; float: left; } .tabel-font-style span { position: absolute; top: 0; left: 0; } .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: 1px solid rgba(255, 255, 255, 0.4); text-align: center; width: 72px; height: 72px; line-height: 70px; font-size: 50px; position: absolute; top: 50%; margin-top: -36px; margin-left: -36px; margin-left: 0; margin-top: -36px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ 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: #fff; border: 1px solid #A7A9AC; 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(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } /** * 2.0 Header * ----------------------------------------------------------------------------- */ /*--- Header Top ---*/ #kopa-header-top { background-color: #FDFDFD; padding: 15px 0; } /*--- Header bottom ---*/ #kopa-header-bottom { border-bottom: 4px solid rgba(58, 58, 58, 0.5); position: relative; z-index: 3; background: #ED1D24; } /** 2.2 Navigation **/ #top-nav { position: relative; z-index: 21; } #top-nav #top-menu, #menu-top { margin: 0; padding: 0; float: left; } #top-nav #top-menu > li:hover > a, #top-nav #menu-top > li:hover > a, #top-nav #top-menu > li.sfHover > a, #top-nav #menu-top > li.sfHover > a { background-color: #b9b9b9; color: #fff; } #top-nav #top-menu > li:hover > a i, #top-nav #top-menu > li.sfHover > a i, #top-nav #menu-top > li.sfHover > a i { color: #fff; } #top-nav #top-menu li, #top-nav #menu-top li { float: left; margin: 0; list-style: none; border-right: 1px solid #ABADB1; position: relative; } #top-nav #top-menu li a { display: block; text-transform: uppercase; color: #000; text-align: center; padding: 5px 11px; } #top-nav #top-menu li a span { display: block; font-size: 14px; } #top-nav #top-menu li a i { color: #A7A9AC; } #top-nav #top-menu li a:hover i.fa-angle-right{ color: #ed1d24; } #top-nav #top-menu li a i.fa-angle-right { float: right; line-height: inherit; font-weight: bold; } #top-nav #top-menu li a:hover i { color: #fff; } #top-nav #top-menu li:first-child { border-left: 1px solid #ABADB1; } #top-nav #top-menu li ul { display: none; /*width: 230px;*/ width: auto; min-width: 180px; 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); } #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: 100%; 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; } #top-nav .kopa-search-box { float: left; position: relative; border-right: 1px solid #ABADB1; } #top-nav .kopa-search-box .toggle-search-box { display: block; width: 80px; padding-top: 8px; height: 50px; border: 0; background: none; text-align: center; color: #000; } #top-nav .kopa-search-box .toggle-search-box:hover, #top-nav .kopa-search-box .toggle-search-box.search-expand { background-color: #b9b9b9; color: #fff; } #top-nav .kopa-search-box .toggle-search-box:hover i, #top-nav .kopa-search-box .toggle-search-box.search-expand i { color: #fff; } #top-nav .kopa-search-box .toggle-search-box span { display: block; text-transform: uppercase; font-size: 13px; } #top-nav .kopa-search-box .toggle-search-box i { display: block; color: #A7A9AC; margin: 0 0 3px; } #top-nav .kopa-search-box form.block.search-form { display: block; } #top-nav .kopa-search-box form.search-form { background-color: #A7A9AC; display: none; position: absolute; right: 0; top: 100%; z-index: 2; padding: 15px; width: 346px; } #top-nav .kopa-search-box form.search-form:before, #top-nav .kopa-search-box form.search-form:after { display: table; content: ""; } #top-nav .kopa-search-box form.search-form:after { clear: both; } #top-nav .kopa-search-box form.search-form input.search-text { width: 100%; height: 30px; color: #b9b9b9; line-height: 20px; border: none; padding: 5px 15px; border-radius: 0; } #top-nav .kopa-search-box form.search-form input.search-text:focus { outline: 0; } #top-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; } #top-nav .kopa-search-box form.search-form button.search-submit i { color: #B9B9B9; } .kopa-language { text-align: center; position: relative; border-right: 1px solid #303451; } .kopa-language:hover, .kopa-language.open { background-color: #155588; } .kopa-language:hover > i, .kopa-language.open > i { color: #fff; } .kopa-language:hover > button, .kopa-language.open > button { background-color: #155588; } .kopa-language.open > .dropdown-menu { display: block; } .kopa-language > i { position: absolute; top: 8px; left: 50%; margin-left: -7px; width: 14px; color: #7082a9; } .kopa-language > button { display: block; border: none; outline: none; color: #fff; height: 50px; line-height: 70px; padding: 0 15px; font-size: 13px; text-transform: uppercase; font-weight: 300; background: #191d3d; } .kopa-language > button span { display: none; } .kopa-language .dropdown-menu { border-radius: 0; width: 160px; margin: 0; box-shadow: 0px 0px; padding: 7px 0; } .kopa-language .dropdown-menu li { margin: 0; border: none; padding: 0; } .kopa-language .dropdown-menu li a { padding: 5px 15px; text-align: left; } .kopa-language .dropdown-menu li a img { float: left; margin-top: 5px; padding-right: 8px; } .kopa-language .dropdown-menu li a span > i { width: 21px; height: 14px; float: left; background: url("http://placehold.it/21x14"); margin-right: 8px; margin-top: 3px; } #main-nav { position: relative; z-index: 20; } #main-menu { margin: 0; padding: 0; position: relative; z-index: 1; } #main-menu > li { position: relative; z-index: 1; padding: 0; float: left; margin: 7px 0px 0 1%; list-style: none; text-transform: uppercase; width: 15.2%; text-align: right; } #main-menu > li.mega-menu { position: static; } #main-menu > li.mega-menu a:before { display: none; } #main-menu > li:first-child { margin: 0; width: 66.66666666666666%; text-transform: capitalize; text-align: left; } #main-menu > li > a { padding: 15px 0; display: block; position: relative; font-weight: 400; font-size: 15px; } #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 > a:before { content: ""; width: 100%; height: 4px; /* background-color: #fdfdfd; */ position: absolute; bottom: -4px; left: -40px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } #main-menu > li:hover > a:before, #main-menu > li.current-menu-item > 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; left: 0; } #main-menu > li > ul { /*width: 220px;*/ width: auto; min-width: 200px; display: none; position: absolute; right: 0; top: 56px; margin: 0; padding: 0; z-index: 1; background-color: #fff; border-radius: 0 0 3px 3px; text-align: left; } #main-menu > 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.current_page_item { padding-left: 10px; } #main-menu > li > ul > li:first-child { border: none; } #main-menu > li > ul > li > a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } #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; } #main-menu > li > ul > li > ul > li:hover > a, #main-menu > li > ul > li > ul > li.current-menu-item > a { padding-left: 10px; } #main-menu > li > ul > li:hover > a, #main-menu > li > ul > li .current-menu-item > a { padding-left: 10px; } .sf-with-ul:after { display: none; } #main-menu .sf-mega { position: absolute; left: 0; top: 76px; } #main-menu .sf-mega .widget { border-top: 1px solid #dde5f3; padding-top: 10px; } #main-menu .sf-mega .widget .widget-title { font-size: 13px; line-height: 20px; margin-bottom: 10px; } #main-menu li .sf-mega { background-color: #fff; border-radius: 0 0 3px 3px; display: none; z-index: 9999; width: 100%; padding: 20px 30px 40px; } #main-menu li .sf-mega .row > div .row > div ul { border-bottom: 1px solid #dde5f3; margin: 0; padding: 0; } #main-menu li .sf-mega .row > div .row > div ul li { float: none; border: none; padding: 0; border-top: 1px solid #dde5f3; margin: 0; list-style: none; position: relative; } #main-menu li .sf-mega .row > div .row > div ul li a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } #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 { padding-left: 10px; } #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: 3px; 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: 600; } #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; margin-top: 10px; width: 250px; } .mobile-search-box .mobile-search-form { position: relative; } .mobile-search-box .mobile-search-form input.search-text { border: none; text-align: right; text-transform: uppercase; font-size: 13px; color: #a7aebf; width: 100%; padding-right: 25px; height: 28px; } .mobile-search-box .mobile-search-form button.search-submit { position: absolute; right: 0; top: 3px; 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; } /*.m*/.main-menu-mobile .pull + ul > 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: 600; 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 .pull + ul > li > a:after { content: '\f107'; }*/ .main-nav-mobile .pull + ul > li.menu-item-has-children > a:after {content: '\f107'; position: absolute; right: 5px; } .main-nav-mobile .main-menu-mobile > li ul { margin: 0; border-top: 1px solid rgba(255,255,255,.3); } .main-nav-mobile .pull + ul > 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 .pull + ul > li ul li { margin: 0; border-top: 1px solid rgba(255,255,255,.3); } .main-nav-mobile .main-menu-mobile > li ul li a, .main-nav-mobile .pull + ul > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 600; 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, .main-nav-mobile .pull + ul > 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: #ED1D24; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 0; margin: 10px 0 0; float: right; } .top-main-nav-mobile .pull i { color: #fff; } .top-main-nav-mobile .top-main-menu-mobile, .top-main-nav-mobile .pull + ul { position: absolute; top: 40px; 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, .top-main-nav-mobile .pull + ul > li, .main-nav-mobile ul > li { border-top: 1px solid #e2e2e3; position: relative; width: 100%; margin: 0; } .main-nav-mobile ul > li { padding: 10px 0; } .top-main-nav-mobile .top-main-menu-mobile > li:first-child, .top-main-nav-mobile .pull + ul > li:first-child, .main-nav-mobile ul > li:first-child { border: 0; } .top-main-nav-mobile .top-main-menu-mobile > li > a, .top-main-nav-mobile .pull + ul > li > a { color: #fff; text-transform: capitalize; font-size: 16px; display: block; font-weight: 600; 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 .pull + ul > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; }*/ .top-main-nav-mobile li.menu-item-has-children a span:after { content: '\f107'; position: absolute; right: 5px; } .top-main-nav-mobile li.menu-item-has-children ul li a span:after { display: none; } /*.top-main-nav-mobile .top-main-menu-mobile > li > a > span:after, .top-main-nav-mobile .pull + ul > li > a > span:after, .main-nav-mobile > ul > li > a:after, .main-nav-mobile .pull + ul > li > a:after { content: '\f107'; position: absolute; right: 5px; }*/ .main-nav-mobile ul > li { position: relative } .main-nav-mobile ul > li li { padding: 0px; } .main-nav-mobile > ul > li > a:after, .main-nav-mobile .pull + ul > li > a:after { top: 12px; } /*.top-main-nav-mobile .top-main-menu-mobile > li:first-child > a > span:after, .top-main-nav-mobile .pull + ul > li:first-child > a > span:after, .top-main-nav-mobile .top-main-menu-mobile > li:nth-child(4) > a > span:after, .top-main-nav-mobile .pull + ul > li:nth-child(4) > a > span:after, .main-nav-mobile > ul > li:first-child > a:after, .main-nav-mobile .pull + ul > li:first-child > a:after { content: ' '; position: absolute; right: 5px; }*/ .top-main-nav-mobile .top-main-menu-mobile > li ul, .top-main-nav-mobile .pull + ul > li ul { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li, .top-main-nav-mobile .pull + ul > li ul li { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li a, .top-main-nav-mobile .pull + ul > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 600; 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, .top-main-nav-mobile .pull + ul > 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 { text-transform: uppercase; color: #fff; font-weight: 300; font-family: "Raleway", sans-serif; font-size: 13px; } .widget { /* margin-bottom: 50px;*/ position: relative; } .widget:last-child { /*margin-bottom: 20px;*/ } .widget .widget-title { text-transform: uppercase; } .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; } .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: #333; margin-right: 8px; font-weight: 600; } .widget .widget-title.widget-title-s1 .widget-title-icon { font-size: 26px; right: 25px; position: absolute; top: 30px; } .widget .widget-title.widget-title-s2 { font-size: 14px; text-transform: uppercase; margin-bottom: 40px; } .widget .widget-title.widget-title-s2 h4 { color: #fff; font-size: 28px; line-height: 42px; font-weight: 400; } .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: #cdced2; } .widget .widget-title.widget-title-s2 > div { height: 42px; width: 42px; border-radius: 50%; border: 1px solid #ececec; margin-right: 20px; position: relative; } .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 #ececec; 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 #ececec; 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: 10px 10px; border: 2px solid #a7aebf; border-radius: 3px; } .widget .widget-title.widget-title-s3 h4 { margin: 22px 0 0; font-size: 22px; 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: "Raleway", sans-serif; letter-spacing: 3px; } .widget .widget-title.widget-title-s5 { position: relative; padding-top: 20px; margin-bottom: 0px; } .widget .widget-title.widget-title-s5 h2 { font-weight: 600; } .widget .widget-title.widget-title-s5 p { font-size: 21px; line-height: 26px; color: #637587; text-transform: none; } .widget .widget-title.widget-title-s5:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #ececec; 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 #ececec; 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 #ececec; 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: 3px; 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; font-size: 18px; line-height: 24px; margin-bottom: 0px; } .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; color: #cdced2; margin-top: 15px; } .widget .widget-title.widget-title-s11 .see-more a { color: #cdced2; } .widget .widget-title.widget-title-s12 { color: #ED1D24; font-size: 40px; line-height: 46px; margin-bottom: 30px; text-transform: none; } .widget .entry-thumb img { /*width: 100%;*/ } .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; font-weight: 600; color: #333; } .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: #a7add5; } .entry-meta { color: #a7add5; 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; line-height: 1; color: #a7aebf; } .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: 3px; } .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: #03a9f5; border-color: #03a9f5; } .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: 2px 0 0; border-bottom: 1px dashed #BCBEBF; padding-bottom: 7px; } .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: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 > li:before, .widget_nav_menu ul.menu > li:before { content: "\f067"; display: none; font-size: 8px; position: absolute; left: 0; top: 7px; } .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: 3px 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 #155588; } .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: 3px 5px 5px 3px; height: 40px; padding: 10px 120px 10px 15px; line-height: 20px; width: 100%; margin-right: 1px; } .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { position: absolute; right: 0; top: 0; border: none; border-radius: 0 3px 3px 0; height: 40px; padding: 10px; line-height: 20px; width: auto; text-transform: uppercase; color: #fff; } /* Kopa event widget ---------------------------------- */ .kopa-event-widget { margin-top: -80px; padding-top: 80px; } .kopa-event-widget .widget-content .entry-title { font-size: 30px; font-weight: 600; line-height: 42px; text-transform: uppercase; padding-bottom: 25px; position: relative; margin-bottom: 35px; } .kopa-event-widget .widget-content .entry-title:before { position: absolute; bottom: 0; left: 0; content: ""; width: 80px; background-color: #ced1dd; height: 1px; } .kopa-event-widget .widget-content .entry-title a { color: inherit; } /* 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; border: 2px solid #fff; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7add5; } .kopa-nothumb-widget .widget-content .entry-item .entry-date strong { color: #fff; font-size: 30px; font-weight: 600; display: block; margin: 15px 0 3px; padding: 0 15px; } .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; } .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; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 20px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title a { color: #fff; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link { margin-top: 10px; color: #a8a8b0; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link i { border-color: #a8a8b0; } .kopa-area-1 .kopa-nothumb-widget { padding: 50px 0; } .more-link { display: inline-block; color: #40477b; text-transform: uppercase; font-family: "Raleway", sans-serif; margin: 10px 0 0; } .more-link span { line-height: 19px; } .more-link i { border: 1px solid #40477b; height: 19px; width: 19px; border-radius: 50%; text-align: center; line-height: 16px; margin: 0 0 0 15px !important; padding-left: 1px; color: #40477b; } /* Kopa nothumb 2 widget ---------------------------------- */ .kopa-nothumb-2-widget .widget-content .entry-item .entry-date { border-radius: 3px; 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: 600; 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; } body(:-moz-handler-blocked) { font-size:13px; } /* 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: #d4d4d9; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title { font-size: 40px; line-height: 46px; text-transform: capitalize; position: relative; padding-bottom: 25px; margin-bottom: 25px; } .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: #d4d4d9; } .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: 10px 0 0; list-style: none; padding-top: 10px; border-top: 1px solid #ececec; font-size: 16px; font-weight: 400; } .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: 24%; height: 50%; float: left; position: relative; overflow: hidden; padding: 10px; margin: 1px; } .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: 10px 30px 10px; font-size: 16px; line-height: 22px; font-weight: 400; color: #fff; background: #ED1D24; text-align: center; } .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: 3px; 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: #637587; font-size: 16px; line-height: 24px; } .kopa-contact-2-widget .widget-content a { color: #637587; } .kopa-contact-2-widget .widget-content p { border-bottom: 1px solid rgba(0, 0, 0, 0.1); 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: 3px; 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: 3px; 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; } .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; /*color: #000 !important; */} .kopa-course-search-2-widget .course-form .select-block select:focus { outline: 0; } .kopa-course-search-2-widget .course-form .select-block i { 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: none; } .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: #03a9f5; border-color: #03a9f5; -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: #03a9f5; font-weight: 600; } .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 (max-width: 799px) { .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:nth-child(4n+5) { clear: both; } } @media (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; } h2#upside-post-title1 { font-size: 18px; } } @media (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: 600; 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: #03a9f5; } .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: 24px; } .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;/*border: 1px solid #D9DADA;*/ } .kopa-course-list-3-widget .kopa-course-list-table .table-list li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; /*border-bottom: 1px solid #cdcdcd;*/ 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: "Raleway", sans-serif; font-size: 14px; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6:hover { background-color: #03a9f5; } .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: #03a9f5; 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: #03a9f5; } .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: 3px; 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: "Source Sans Pro", 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: "Raleway", 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: "Raleway", sans-serif; font-weight: 300; border-width: 2px; } .kopa-tagline-2-widget .kopa-button { margin: 0 8px; font-size: 16px; font-family: "Raleway", 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 #ececec; } .kopa-article-list-6-widget .entry-item .entry-content ul li { float: none; margin: 0; list-style: none; border-top: 1px solid #ececec; 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: "Raleway", 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: #3E3E3E; ; } .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: #191d3d; } .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: #3e3e3e; 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: #ED1D24; border-color: #ED1D24; } /* 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: #03a9f5; border-color: #03a9f5; -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: #03a9f5; 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: double 4px #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; width: 410px; 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: 18px; line-height: 24px; } .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: #03a9f5; border-color: #03a9f5; -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: #03a9f5; 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: #03a9f5; 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: 600; font-size: 14px; line-height: 20px; font-family: "Source Sans Pro", 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: #03a9f5; } /* 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: #ececec; font-family: "Raleway", sans-serif; font-weight: 500; } /* Kopa event list 1 widget ---------------------------------- */ .kopa-event-list-1-widget .row { margin-bottom: 25px; } .kopa-event-list-1-widget .row:last-child { margin-bottom: 0; } .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 .entry-date { border-radius: 3px; 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: #bdc7d6; 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: 600; 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: "Raleway", 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: #ececec; border-radius: 3px; 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: 3px 3px 0 0; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date strong { font-size: 24px; font-weight: 600; 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: 600; margin-bottom: 13px; } .kopa-event-list-2-widget .entry-item .entry-content .free-item { text-transform: uppercase; color: #03a9f5; font-size: 16px; font-weight: 600; 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: #03a9f5; 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: "Raleway", 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: "Raleway", 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: "Raleway", 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 ---------------------------------- */ .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; 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: -30px -15px 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item { overflow: hidden; margin: 0; padding: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 { float: left; margin: 0; list-style: none; } .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 { padding-top: 30px; } .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 { border: 1px solid #e2e2e3; padding: 10px; text-align: center; } .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: 18px; line-height: 24px; 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 #03a9f5; 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: #191d3d; } .kopa-professor-list-1-widget .pagination { margin-top: 55px; border-top: 1px solid #e2e2e3; padding-top: 60px; } /* Kopa professor list 2 widget ---------------------------------- */ .kopa-professor-list-2-widget > ul { margin: 0; padding: 0; } .kopa-professor-list-2-widget > ul > li { float: none; margin: 0 0 60px; list-style: none; } .kopa-professor-list-2-widget > ul > li:nth-child(even) .entry-item .entry-thumb { float: right; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header { margin-bottom: 20px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title { margin: -5px 0 2px; font-size: 32px; line-height: 38px; font-weight: 700; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title a { color: #191d3d; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header span { text-transform: uppercase; font-size: 16px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content > p { font-size: 16px; line-height: 24px; font-style: italic; margin-bottom: 23px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-professor-list-2-widget > ul > li .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-2-widget > ul > li .entry-item .entry-content .social-links li a:hover { color: #191d3d; } .kopa-professor-list-2-widget .pagination { margin-top: 0; 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: #ececec; } .kopa-lb-1:after { border-left-color: #ececec; } .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: "Raleway", 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: "Raleway", 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: 600; } /*--- 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: "Source Sans Pro", 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: 600; 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: "Raleway", sans-serif; font-size: 15px; line-height: 22px; color: #fff; font-weight: 300; 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: "Raleway", sans-serif; text-transform: uppercase; margin-top: 15px; } .kopa-doc-widget .widget-content p { font-family: "Raleway", 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: 600; 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: "Raleway", sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; 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: "Raleway", sans-serif; font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; } /** 3.2 Home page **/ .home-slider-1 { /*margin-top: 140px; */min-height: 400px; } .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: 218px; z-index: 1; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .container { width: 80.9%; padding: 0; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content h2 { text-transform: uppercase; font-size: 76px; line-height: 82px; font-weight: 800; letter-spacing: 3px; 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: 21px; line-height: 24px; color: #fff; margin: 5px 0 20px; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .left-col { border-right: 1px solid rgba(255, 255, 255, 0.4); width: 36%; } .col-lg-6.col-md-8.col-sm-8.right-col { float: right; } .home-slider-1 .owl-carousel-1 .owl-controls .owl-pagination { position: absolute; left: 9.55%; bottom: 15%; margin: 0; width: auto; } .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: #03a9f5; border-color: #03a9f5; } .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: #03a9f5; } .kopa-home-2 .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a { color: #03a9f5; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #03a9f5; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { border-right-color: #03a9f5; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { border-left-color: #03a9f5; } .kopa-area-11 .widget_text h4 { text-transform: uppercase; position: relative; font-weight: 600; line-height: 32px; margin-bottom: 25px; padding-bottom: 15px; letter-spacing: 2px; } .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 { margin: 0; border-bottom: none; position: relative; padding-bottom: 0; } .page-header .page-header-inner { padding: 140px 0; position: relative; z-index: 2; text-align: center; } .page-header .page-header-inner .page-title { font-size: 32px; line-height: 36px; margin-bottom: 0; font-weight: 500; color: #fff; text-align: center; display: inline-block; width: auto; } .page-header .page-header-inner .page-title span { text-transform: capitalize; } .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: #ececec; /* padding: 20px 0; */ padding: 5px 0; } .kopa-breadcrumb .pull-left span { font-weight: 300; font-family: "Raleway", sans-serif; font-size: 24px; line-height: 1; } .kopa-breadcrumb .pull-right { font-size: 12px; } .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: #ececec; 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 #ececec; 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 #ececec; 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 { border-bottom: 1px solid #e2e2e3; 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: #ececec; 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: 600; 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: #03a9f5; border-color: #03a9f5; -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: #03a9f5; 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 { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 30px; } .entry-box .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Raleway", 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: "Source Sans Pro", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-box .about-author .author-content h5 a { color: #03a9f5; } .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: #03a9f5; } .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: "Source Sans Pro", 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: "Source Sans Pro", 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: "Source Sans Pro", sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1; margin-bottom: 0; color: #03a9f5; 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: #03a9f5; } #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: 3px; } .kopa-comment-pagination span.current { color: #fff; } .kopa-comment-pagination a:hover { color: #fff; background-color: #03a9f5; border-color: #03a9f5; } #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: #03a9f5; 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: #03a9f5; } #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: #03a9f5; } #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: #03a9f5; color: #03a9f5; } .single .container { padding: 0 15px; } /*----- 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: 600; 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: #191d3d; } .entry-event-box .row > div.right-col .event-detail > ul > li i { color: #03a9f5; 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: "Raleway", 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: "Raleway", 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: #191d3d; } .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: "Source Sans Pro", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-event-box .row > div.right-col .about-author .author-content h5 a { color: #03a9f5; } .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: #03a9f5; } .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: "Source Sans Pro", 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: "Raleway", sans-serif; color: #191d3d; 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: #03a9f5; } .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: #191d3d; margin-bottom: 25px; font-family: "Raleway", sans-serif; } .kopa-spinner .ui-spinner { border: 1px solid #e2e2e3; border-radius: 0; color: #191d3d; 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: 600; 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: "Raleway", 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: "Raleway", 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: #191d3d; } .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: "Source Sans Pro", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-course-box .row > div.left-col .about-author .author-content h5 a { color: #03a9f5; } .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: #03a9f5; 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: "Source Sans Pro", 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 { text-transform: uppercase; font-size: 14px; line-height: 16px; position: relative; padding-bottom: 12px; margin-bottom: 30px; border-bottom: 3px solid #e2e2e3; } .entry-course-box .row > div.right-col .event-speaker ul { margin: -30px 0 50px; padding: 0; } .entry-course-box .row > div.right-col .event-speaker ul li { float: none; margin: 30px 0 0; 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: uppercase; 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: #191d3d; } .entry-course-box .row > div.right-col .event-detail > ul > li i { color: #03a9f5; 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: "Raleway", sans-serif; color: #191d3d; 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: #03a9f5; } .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: #03a9f5; /* 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: #03a9f5; } .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; } /*----- Forum page -----*/ #bbpress-forums { color: #666; margin-bottom: 0; } #bbpress-forums .bbp-pagination { margin-bottom: 30px; } #bbpress-forums .bbp-pagination .bbp-pagination-count { font-size: 14px; } #bbpress-forums .bbp-pagination-links .page-numbers { height: 32px; width: 32px; text-align: center; border: 1px solid; line-height: 30px; color: #fff; border-radius: 3px; padding: 0; margin-left: 10px; } #bbpress-forums .bbp-pagination-links .page-numbers.current, #bbpress-forums .bbp-pagination-links .page-numbers:hover { background: #fff; border-color: #f2f4f5; color: #262c56; } #bbpress-forums .bbp-pagination-links .page-numbers .dots { margin-left: 10px; } #bbpress-forums ul.bbp-forums { border: none; margin-bottom: 25px; } #bbpress-forums ul.bbp-forums li.bbp-forum-freshness, #bbpress-forums ul.bbp-forums li.bbp-topic-freshness { text-align: left; } #bbpress-forums ul.bbp-forums li.bbp-header { color: #fff; font-size: 13px; font-family: "Raleway", sans-serif; border-top: none; border-radius: 3px 3px 0 0; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-info { width: 55%; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-reply-count { width: 10%; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-freshness { width: 25%; text-align: center; } #bbpress-forums ul.bbp-forums .bbp-author-name { color: #262c56; } #bbpress-forums ul.bbp-forums .bbp-forum-title { font-size: 14px; color: #191d3d; } #bbpress-forums ul.bbp-forums li.bbp-body { border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; } #bbpress-forums ul.bbp-forums li.bbp-body table { margin-bottom: 0; display: block; } #bbpress-forums ul.bbp-forums li.bbp-body tbody { display: block; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum { overflow: hidden; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td { float: left; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-info { width: 55%; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-reply-count { width: 10%; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-freshness { width: 25%; text-align: center; } #bbpress-forums ul.bbp-forums .forum { border-top: none; border-bottom: 1px solid #f2f4f5; padding: 0; background: #fff; margin-bottom: 0; position: relative; display: block; } #bbpress-forums ul.bbp-forums .forum > td { padding-top: 25px; padding-bottom: 25px; padding-right: 20px; padding-left: 20px; position: relative; border-top: none; vertical-align: top; } #bbpress-forums ul.bbp-forums .bbp-forum-info { position: relative; padding-left: 20px; padding-right: 20px; left: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-permalink { font-size: 14px; display: inline-block; margin-bottom: 5px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-pagination a { padding: 0 5px; font-size: 13px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by { font-size: 14px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by .bbp-author-avatar { display: none; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by .bbp-author-name { margin-right: 20px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in { position: relative; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in:before { margin: 0 7px 0 0; content: "\f016"; color: #c4c6ca; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in a { text-transform: uppercase; font-weight: 400; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-reply-content { margin-left: 0; padding: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-reply-content p { margin-bottom: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-topic-count, #bbpress-forums ul.bbp-forums .bbp-forum-reply-count { vertical-align: middle !important; text-align: center; } #bbpress-forums ul.bbp-forums li.bbp-header, #bbpress-forums ul.bbp-forums li.bbp-footer { padding: 15px 0; font-weight: normal; } #bbpress-forums ul.bbp-forums li.bbp-header li.bbp-forum-info, #bbpress-forums ul.bbp-forums li.bbp-footer li.bbp-forum-info { padding-left: 20px; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness { padding-left: 20px; padding-right: 20px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta { margin-top: 0; margin-bottom: 5px; font-size: 14px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta span { white-space: normal; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness-author { overflow: hidden; display: block; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness-author > span { float: left; width: 90px; line-height: 22px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta .bbp-forum-avatar { border: none; display: none; width: 40px; float: left; margin-right: 15px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta .bbp-forum-avatar img.avatar { padding: 0; border: none; display: block; width: 100%; height: auto; margin-bottom: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-forum-content { margin: 0; font-size: 14px; } #bbpress-forums ul.bbp-forums .bbp-forum-topic-count, #bbpress-forums ul.bbp-forums .bbp-forum-reply-count, #bbpress-forums ul.bbp-forums li.bbp-forum-freshness, #bbpress-forums ul.bbp-forums li.bbp-topic-freshness { font-size: 14px; } #bbpress-forums .bbp-forums-list li { font-size: 12px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-forum-content p { margin-bottom: 0; } #bbpress-forums ul.bbp-topics { border: none; margin-bottom: 25px; float: left; width: 100%; } #bbpress-forums ul.bbp-topics li.bbp-body .topic { border: 1px solid #dfdfdf; padding: 0; background: #fafafa; margin-bottom: 0; position: relative; display: block; } #bbpress-forums ul.bbp-topics li.bbp-body .topic:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-topics .bbp-topic-started-by { padding: 0 20px; width: 125px; text-align: center; border-right: 1px solid #dfdfdf; margin-right: -1px; } #bbpress-forums ul.bbp-topics .bbp-author-avatar { display: inline-block; width: 60px; height: 60px; overflow: hidden; margin-bottom: 7px; } #bbpress-forums ul.bbp-topics .bbp-author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums ul.bbp-topics .bbp-author-name { font-weight: 700; } #bbpress-forums ul.bbp-topics .bbp-topic-content { border-left: 1px solid #dfdfdf; margin-left: -1px; padding-left: 25px; position: relative; padding-top: 40px; padding-right: 20px; } #bbpress-forums ul.bbp-topics .bbp-topic-reply-count, #bbpress-forums ul.bbp-topics .bbp-topic-view-count { height: 60px; width: 60px; padding: 5px; border: 1px solid #dfdfdf; text-align: center; } #bbpress-forums ul.bbp-topics .bbp-topic-reply-count span, #bbpress-forums ul.bbp-topics .bbp-topic-view-count span { display: block; font-size: 13px; } #bbpress-forums ul.bbp-topics .bbp-reply-view { position: absolute; right: 15px; bottom: 60px; border-bottom: 20px; } #bbpress-forums ul.bbp-topics .bbp-reply-view > div { margin-left: 10px; float: left; } #bbpress-forums ul.bbp-topics .bbp-topic-permalink { font-weight: 700; } #bbpress-forums ul.bbp-topics .bbp-topic-meta { margin-left: -25px; margin-right: -150px; padding-left: 25px; border-top: 1px solid #dfdfdf; font-size: 11px; text-transform: uppercase; line-height: 40px; margin-top: 45px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete { position: absolute; top: 18px; right: 0; color: #fff; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete span { position: relative; line-height: 26px; padding-left: 5px; padding-right: 12px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete span:after { content: ''; width: 0; height: 0; position: absolute; left: -15px; top: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky { margin-right: 7px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky:after { border-right: 15px solid; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-complete:after { border-right: 15px solid; } #bbpress-forums ul.bbp-topics .bbp-topic-in { font-size: 14px; margin-bottom: 0; margin-top: 10px; } #bbpress-forums ul.bbp-topics .bbp-topic-in i { margin-right: 10px; color: #bbb; } #bbpress-forums ul.bbp-threads { border: none; margin-bottom: 30px; } #bbpress-forums ul.bbp-threads li.bbp-header { border: 1px solid #dfdfdf; border-bottom: none; background: #fafafa; position: relative; display: block; text-align: left; font-weight: normal; padding: 18px 20px; } #bbpress-forums ul.bbp-threads li.bbp-header:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-threads li.bbp-header .bbp-topic-time { font-size: 11px; text-transform: uppercase; } #bbpress-forums ul.bbp-threads li.bbp-header .bbp-topic-title { margin-top: 0; padding-bottom: 0; text-transform: uppercase; margin-bottom: 17px; margin-right: 70px; line-height: 24px; } #bbpress-forums ul.bbp-threads li.bbp-body { border-top: 1px solid #dfdfdf; } #bbpress-forums ul.bbp-threads li.bbp-body .thread { border: 1px solid #dfdfdf; border-top: none; padding: 0; background: #fafafa; position: relative; display: block; } #bbpress-forums ul.bbp-threads li.bbp-body .thread:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-threads .bbp-topic-started-by { padding: 25px 20px 20px; width: 125px; text-align: center; border-right: 1px solid #dfdfdf; margin-right: -1px; } #bbpress-forums ul.bbp-threads .bbp-author-avatar { display: inline-block; width: 60px; height: 60px; overflow: hidden; margin-bottom: 7px; } #bbpress-forums ul.bbp-threads .bbp-author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums ul.bbp-threads .bbp-author-name { font-weight: 700; } #bbpress-forums ul.bbp-threads .bbp-topic-content { border-left: 1px solid #dfdfdf; margin-left: -1px; padding-left: 25px; position: relative; padding-top: 20px; padding-right: 20px; } #bbpress-forums ul.bbp-threads .bbp-topic-meta { margin-left: -25px; margin-right: -20px; padding-left: 25px; border-top: 1px solid #dfdfdf; font-size: 11px; text-transform: uppercase; line-height: 45px; margin-top: 28px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete { position: absolute; top: 18px; right: 0; color: #fff; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete span { position: relative; line-height: 26px; padding-left: 5px; padding-right: 12px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete span:after { content: ''; width: 0; height: 0; position: absolute; left: -15px; top: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky { margin-right: 7px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky:after { border-right: 15px solid; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-complete:after { border-right: 15px solid; } #bbpress-forums ul.bbp-threads .bbp-topic-in { font-size: 14px; margin-bottom: 0; } #bbpress-forums ul.bbp-threads .bbp-topic-in i { margin-right: 10px; color: #bbb; } #bbpress-forums .bbp-topic-form .bbp-author { width: 170px; padding-right: 20px; } #bbpress-forums .bbp-topic-form .author-avatar { width: 60px; display: block; } #bbpress-forums .bbp-topic-form .author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums .bbp-topic-form .author-name { display: block; font-weight: 700; margin-top: 10px; } #bbpress-forums fieldset.bbp-form { margin-bottom: 0; border: none; padding: 0; } #bbpress-forums fieldset.bbp-form label { font-weight: normal; } #bbpress-forums fieldset.bbp-form button[type="submit"] { height: 36px; padding: 0 25px; color: #fff; text-transform: uppercase; border: none; } #bbpress-forums div.bbp-the-content-wrapper { margin-bottom: 20px; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { background: none; padding: 0; border-bottom: none; overflow: hidden; } #bbpress-forums div.bbp-the-content-wrapper input { background: #fafafa; border-color: #dfdfdf; padding: 0 10px; line-height: 30px; float: left; margin-right: 5px; color: #000; font-size: 15px; margin-bottom: 5px; border-radius: 0; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { padding: 8px; margin-top: 3px; border: 1px solid #dfdfdf; } #bbpress-forums .bbp-template-notice { color: #fff; padding: 10px 15px; border-radius: 0; } #bbpress-forums .bbp-template-notice p { margin: 0 !important; font-size: 15px; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar { margin-bottom: 20px; border: 1px solid #f2f4f5; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { margin: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { background: #f1f2f2; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a:hover { background: #eee; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 5px 10px; } #bbpress-forums #bbp-user-wrapper h2.entry-title { padding: 0 30px; margin-bottom: 1px; color: #fff; text-transform: uppercase; position: relative; } #bbpress-forums #bbp-user-wrapper h2.entry-title:before { position: absolute; content: ''; top: 50%; left: -5px; margin-top: -5px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } #bbpress-forums .bbp-user-section { padding: 25px 30px; border: 1px solid #f2f4f5; } #bbpress-forums .bbp-user-section p { font-size: 14px; } #bbpress-forums .bbp-topic-form form .bbp-form input[type="text"], #bbpress-forums .bbp-topic-form form .bbp-form .bbp-the-content.wp-editor-area, #bbpress-forums .bbp-topic-form form .bbp-form select { min-width: 250px; border: 1px solid #ebebeb; padding: 5px 10px; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; outline: none; } .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: 3px; } .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: 3px; 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: 600; } #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: #ececec; 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 #ececec; 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 #ececec; 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: #03a9f5; 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: "Raleway", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .input-block input[type="text"]:focus { border-color: #03a9f5; } #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: "Raleway", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .textarea-block textarea:focus { border-color: #03a9f5; } #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: "Raleway", sans-serif; width: 100%; text-transform: uppercase; } #contact-form .contact-form .row > div .contact-button input[type="submit"]:hover { color: #fff; } .margin-top { margin-top: 30px; } /* 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: #03a9f5; } .entry-portfolio-box .portfolio-content > div .social-links li span { display: block; line-height: 1; margin-right: 20px; text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 14px; color: #191d3d; } .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: #03a9f5; 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: #03a9f5; 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: #03a9f5; border-color: #03a9f5; -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: #03a9f5; 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: #191d3d; 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: #03a9f5; border-color: #03a9f5; } /* Single Professor page ---------------------------------- */ .entry-professor-box { /*margin-bottom: 20px;*/ background: #fff; } .entry-professor-box .row { /*margin-bottom: 25px;*/ } .entry-professor-box .row .entry-professor-thumb img { width: 100%; } .entry-professor-box .row .entry-content header { margin-bottom: 20px; } .entry-professor-box .row .entry-content header .entry-title { margin: -5px 0 2px; font-size: 32px; line-height: 38px; font-weight: 700; color: #191d3d; } .entry-professor-box .row .entry-content header span { text-transform: uppercase; font-size: 16px; } .entry-professor-box .row .entry-content > p { font-size: 16px; line-height: 24px; font-style: italic; margin-bottom: 23px; } .entry-professor-box .row .entry-content .social-links { margin-left: -20px; } .entry-professor-box .row .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .entry-professor-box .row .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .entry-professor-box .row .entry-content .social-links li a:hover { color: #191d3d; } .entry-professor-box > p { font-size: 16px; line-height: 24px; } /* 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: 3px; padding-right: 15px; letter-spacing: 1px; } /* Shop page ---------------------------------- */ .woocommerce #container #content .page-title { font-size: 28px; line-height: 34px; font-family: "Source Sans Pro", sans-serif; margin-bottom: 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; margin-bottom: 30px; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { border: 1px solid #e2e2e3; padding: 10px 15px; color: #637587; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; margin: 0 0 30px; line-height: 42px; text-transform: uppercase; } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0 -15px; padding: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%; padding: 0 15px; float: left; margin: 0 0 30px; list-style: none; } .woocommerce ul.products li.product:hover .product-thumb .mask, .woocommerce-page ul.products li.product:hover .product-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; } .woocommerce ul.products li.product .product-thumb, .woocommerce-page ul.products li.product .product-thumb { position: relative; border-top: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-right: 1px solid #e2e2e3; } .woocommerce ul.products li.product .product-thumb .mask, .woocommerce-page ul.products li.product .product-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; } .woocommerce ul.products li.product .product-thumb .mask .button-box, .woocommerce-page ul.products li.product .product-thumb .mask .button-box { position: absolute; bottom: 0; right: -1px; } .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: 1px solid; padding: 0; margin: 0; text-align: center; height: 42px; width: 42px; line-height: 40px; color: #b4b8c7; display: block !important; } .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 { color: #fff; } .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_wishlist_button { border-color: #e2e2e3; background-color: #fff; } .woocommerce ul.products li.product .product-thumb > a > img, .woocommerce-page ul.products li.product .product-thumb > a > img { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 0; width: 100%; } .woocommerce ul.products li.product .product-thumb .onsale, .woocommerce-page ul.products li.product .product-thumb .onsale { 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; -moz-text-shadow: none; -webkit-text-shadow: none; -ms-text-shadow: none; font-size: 14px; box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .woocommerce ul.products li.product .product-thumb .onsale:before, .woocommerce-page ul.products li.product .product-thumb .onsale:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid; top: 100%; left: -30px; left: auto; right: 0; } .woocommerce ul.products li.product .product-thumb .onsale:after, .woocommerce-page ul.products li.product .product-thumb .onsale:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid; top: 100%; right: -30px; right: auto; left: 0; } .woocommerce ul.products li.product .product-thumb .hot-item, .woocommerce-page ul.products li.product .product-thumb .hot-item { color: #fff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 30px; top: -1px; line-height: 1; z-index: 10; } .woocommerce ul.products li.product .product-thumb .hot-item:before, .woocommerce-page ul.products li.product .product-thumb .hot-item: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; } .woocommerce ul.products li.product .product-thumb .hot-item:after, .woocommerce-page ul.products li.product .product-thumb .hot-item: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; } .woocommerce ul.products li.product .product-detail, .woocommerce-page ul.products li.product .product-detail { padding: 20px 30px 30px; border: 1px solid #e2e2e3; } .woocommerce ul.products li.product .product-detail > a, .woocommerce-page ul.products li.product .product-detail > a { position: relative; display: block; } .woocommerce ul.products li.product .product-detail > a footer, .woocommerce-page ul.products li.product .product-detail > a footer { overflow: hidden; } .woocommerce ul.products li.product .product-detail > a .star-rating, .woocommerce-page ul.products li.product .product-detail > a .star-rating { float: right; display: inline-block; font-size: 10px; line-height: 8px; color: #03a9f5; margin-bottom: 0; margin-top: 13px; width: 65px; letter-spacing: 3px; } .woocommerce ul.products li.product .product-detail > a .star-rating:before, .woocommerce-page ul.products li.product .product-detail > a .star-rating:before { color: #03a9f5; } .woocommerce ul.products li.product .product-detail > a h3, .woocommerce-page ul.products li.product .product-detail > a h3 { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase; } .woocommerce ul.products li.product .product-detail > a .price, .woocommerce-page ul.products li.product .product-detail > a .price { display: inline-block; float: left; padding: 8px 20px; color: #fff; border-radius: 5px; font-size: 14px; margin: 0; } .woocommerce ul.products li.product .product-detail > a .price del, .woocommerce-page ul.products li.product .product-detail > a .price del { font-size: 14px; margin-right: 10px; font-weight: 300; color: #fff; } .woocommerce ul.products li.product .product-detail > a .price del .amount, .woocommerce-page ul.products li.product .product-detail > a .price del .amount { font-size: 14px; text-decoration: line-through; } .woocommerce ul.products li.product .product-detail > a .price .amount, .woocommerce-page ul.products li.product .product-detail > a .price .amount { font-weight: 600; font-size: 18px; } .woocommerce ul.products li.product .product-detail > a .price ins, .woocommerce-page ul.products li.product .product-detail > a .price ins { text-decoration: none; font-size: 18px; font-weight: 600; } .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 { display: inline-block !important; font-family: "Raleway", 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; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { border-top: 1px solid #e2e2e3; padding-top: 30px; margin-top: 20px; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; margin: 0; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: none; margin: 0 0 0 10px; display: block; overflow: visible; } .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { display: block; font-size: 13px; padding: 0px 15px; line-height: 36px; border: 1px solid #e2e2e3; border-radius: 3px; } .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 { color: #fff; } .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover { border-color: #03a9f5; color: #fff; background-color: #03a9f5; } .widget_product_categories .product-categories { margin: 0; padding: 0; } .widget_product_categories .product-categories li { border-top: 1px solid #155588; padding-top: 10px; font-family: "Raleway", sans-serif; overflow: hidden; } .widget_product_categories .product-categories li:first-child { border-top: none; padding-top: 0; } .widget_product_categories .product-categories li a { float: left; } .widget_product_categories .product-categories li span { float: right; font-size: 12px; } .widget_top_rated_products ul.product_list_widget { margin-top: -20px; } .widget_top_rated_products ul.product_list_widget li { position: relative; margin: 20px 0 0; padding-top: 20px; border-top: 1px solid #155588; } .widget_top_rated_products ul.product_list_widget li:first-child { border-top: none; } .widget_top_rated_products ul.product_list_widget li .star-rating { font-size: 11px; line-height: 10px; margin-bottom: 20px; } .widget_top_rated_products ul.product_list_widget li .star-rating span { line-height: 10px; } .widget_top_rated_products ul.product_list_widget li > a { display: block; float: none; font-size: 16px; font-family: "Raleway", sans-serif; font-weight: 600; margin-bottom: 15px; } .widget_top_rated_products ul.product_list_widget li > a img { width: 75px; height: 75px; margin-right: 15px; 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: 14px; } .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 { margin-right: 10px; } .widget_top_rated_products ul.product_list_widget li del .amount { text-decoration: line-through; font-size: 12px; } .woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button { line-height: 30px; padding: 0 20px; font-weight: 300; color: #fff; background-color: #3a2f57; } .woocommerce a.add_to_cart_button:hover, .woocommerce-page a.add_to_cart_button:hover { background-color: #eae9f1; } /* Singe product page ---------------------------------- */ .woocommerce div.product div.images, .woocommerce-page div.product div.images { float: left; margin-bottom: 100px; width: 50%; position: relative; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img { width: 100%; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .woocommerce div.product div.images .onsale, .woocommerce-page div.product div.images .onsale { color: #fff; text-transform: uppercase; padding: 14px 12px 12px; position: absolute; left: 30px; top: 0; line-height: 1; z-index: 10; margin: 0; right: auto; font-weight: 400; border-radius: 0; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -ms-text-shadow: none; font-size: 14px; box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .woocommerce div.product div.images .onsale:before, .woocommerce-page div.product div.images .onsale:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid; top: 100%; left: -30px; left: auto; right: 0; } .woocommerce div.product div.images .onsale:after, .woocommerce-page div.product div.images .onsale:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid; top: 100%; right: -30px; right: auto; left: 0; } .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { margin: 0 0 100px; width: 50%; padding-left: 30px; float: right; } .woocommerce div.product div.summary h4, .woocommerce-page div.product div.summary h4 { font-size: 32px; line-height: 38px; color: #191d3d; margin-bottom: 15px; border-bottom: none; padding-bottom: 0 !important; } .woocommerce div.product div.summary .woocommerce-product-rating, .woocommerce-page div.product div.summary .woocommerce-product-rating { display: block; line-height: 20px; overflow: hidden; margin-bottom: 20px; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating { float: left; font-size: 13px; height: 20px; width: 75px !important; letter-spacing: 3px; line-height: 20px; position: relative; font-family: 'FontAwesome'; margin-right: 10px; margin-top: 1px; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating:before, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating:before { color: #03a9f5; content: "\f006\f006\f006\f006\f006"; font-family: 'FontAwesome'; float: left; left: 0; top: 0; position: absolute; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; width: 60%; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span:before, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span:before { color: #03a9f5; position: absolute; left: 0; top: 0; content: "\f005\f005\f005\f005\f005"; font-family: 'FontAwesome'; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link, .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link { color: #637587; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce div.product div.summary p.price, .woocommerce-page div.product div.summary p.price { font-size: 18px; color: #a7aebf; font-weight: 600; line-height: 24px; margin-bottom: 25px; } .woocommerce div.product div.summary p.price del, .woocommerce-page div.product div.summary p.price del { margin-right: 10px; } .woocommerce div.product div.summary p.price del .amount, .woocommerce-page div.product div.summary p.price del .amount { color: #a7aebf; font-weight: 600; font-size: 18px; } .woocommerce div.product div.summary p.price ins, .woocommerce-page div.product div.summary p.price ins { text-decoration: none; } .woocommerce div.product div.summary p.price ins .amount, .woocommerce-page div.product div.summary p.price ins .amount { font-size: 28px; font-weight: 400; } .woocommerce div.product div.summary form.cart, .woocommerce-page div.product div.summary form.cart { overflow: hidden; margin-top: 5px; margin-bottom: 30px; padding-bottom: 0; border-bottom: none; } .woocommerce div.product div.summary form.cart .quantity, .woocommerce-page div.product div.summary form.cart .quantity { float: left; margin-right: 10px; width: 100px; padding-right: 23px; padding-left: 23px; overflow: hidden; position: relative; border: 1px solid #e2e2e3; height: 39px; line-height: 37px; } .woocommerce div.product div.summary form.cart .quantity .minus, .woocommerce-page div.product div.summary form.cart .quantity .minus { color: #637587; background: #f2f4f5; height: 37px; border-radius: 0; box-shadow: none !important; text-shadow: none !important; top: 0; left: 0; cursor: pointer; display: block; line-height: 37px; overflow: visible; margin: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 23px; font-size: 13px; border: none; } .woocommerce div.product div.summary form.cart .quantity .plus, .woocommerce-page div.product div.summary form.cart .quantity .plus { color: #637587; background: #f2f4f5; height: 37px; border-radius: 0; box-shadow: none !important; text-shadow: none !important; top: 0; right: 0; cursor: pointer; display: block; line-height: 37px; overflow: visible; margin: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 23px; border: none; font-size: 13px; } .woocommerce div.product div.summary form.cart .quantity .qty, .woocommerce-page div.product div.summary form.cart .quantity .qty { border-radius: 0; box-shadow: none !important; text-shadow: none !important; height: 37px; float: left; border-right: none; width: 54px; text-align: center; color: #637587; font-size: 13px; padding: 0; border: none; } .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 { float: left; display: block; padding: 5px 20px; line-height: 29px; text-align: center; background-image: none; text-shadow: none; border-radius: 0; font-size: 14px; background-color: #03a9f5; color: #fff; text-transform: uppercase; border: none; font-family: "Source Sans Pro", sans-serif; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button i, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button i { font-size: 14px; margin-right: 10px; } .woocommerce div.product div.summary .description, .woocommerce-page div.product div.summary .description { overflow: hidden; margin-bottom: 20px; } .woocommerce div.product div.summary .description p, .woocommerce-page div.product div.summary .description p { font-size: 16px; line-height: 24px; } .woocommerce div.product div.summary .product_meta, .woocommerce-page div.product div.summary .product_meta { font-style: normal; text-transform: uppercase; color: #191d3d; font-weight: 400; } .woocommerce div.product div.summary .product_meta > span, .woocommerce-page div.product div.summary .product_meta > span { display: block; border-top: 1px solid #e2e2e3; padding: 10px 0; } .woocommerce div.product div.summary .product_meta > span span, .woocommerce-page div.product div.summary .product_meta > span span { text-transform: none; color: #a7aebf; } .woocommerce div.product div.summary .product_meta a, .woocommerce-page div.product div.summary .product_meta a { color: #a7aebf; text-transform: none; font-style: normal; } .woocommerce div.product div.summary .product_meta .social-box, .woocommerce-page div.product div.summary .product_meta .social-box { border-top: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; padding: 10px 0; } .woocommerce div.product div.summary .product_meta .social-box > span, .woocommerce-page div.product div.summary .product_meta .social-box > span { margin-right: 15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links, .woocommerce-page div.product div.summary .product_meta .social-box .social-links { margin: 0 0 0 -15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li { margin: 0 0 0 15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li a, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li a { width: auto; height: auto; background-color: transparent; border-radius: 0; line-height: 20px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li a:hover, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li a:hover { color: #03a9f5; } .woocommerce div.product .kopa-tab-container-1, .woocommerce-page div.product .kopa-tab-container-1 { border-left: 1px solid #e2e2e3 !important; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 { background-color: transparent; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li { border: none; } .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-radius: 0; color: #fff; font-weight: 400; font-size: 14px; font-family: "Raleway", sans-serif; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a i, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a i { color: #03a9f5; margin-right: 8px; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li.active a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li.active a { color: #191d3d; background-color: #fff; border-right: 1px solid #e2e2e3 !important; border-top: 1px solid #e2e2e3 !important; border-bottom: 1px solid #fff !important; } .woocommerce div.product .kopa-tab-container-1 .tab-content, .woocommerce-page div.product .kopa-tab-container-1 .tab-content { border-left: none; margin-top: -1px; padding: 30px 30px 10px; } .woocommerce div.product .kopa-tab-container-1 .tab-content h6, .woocommerce div.product .kopa-tab-container-1 .tab-content h5, .woocommerce div.product .kopa-tab-container-1 .tab-content h4, .woocommerce div.product .kopa-tab-container-1 .tab-content h3, .woocommerce div.product .kopa-tab-container-1 .tab-content h2, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h6, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h5, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h4, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h3, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h2 { margin-bottom: 20px; } .woocommerce div.product .kopa-tab-container-1 .tab-content #respond, .woocommerce-page div.product .kopa-tab-container-1 .tab-content #respond { margin-bottom: 30px; } .product_column .related.products h5 { font-size: 21px; line-height: 26px; text-transform: uppercase; margin-bottom: 25px; } .product_column .related.products ul.products { margin-top: -30px; } .product_column .related.products ul.products li.product { width: 25%; margin: 30px 0 0; } .product_column .related.products ul.products li.product .product-detail { background-color: #fff; padding-top: 25px; } .product_column .related.products ul.products li.product .product-detail a h3 { font-size: 14px; line-height: 20px; text-transform: none; margin-bottom: 10px; padding: 0; } .product_column .related.products ul.products li.product .product-detail a .star-rating { display: block; float: none; margin-bottom: 25px; margin-top: 0; } .product_column .related.products ul.products li.product .product-detail a .price { float: none; } /** 3.4 Sidebar **/ /**3.5 Bottom sidebar**/ #bottom-sidebar { background-color: #4a4a4a; color: #d4d4d9; /*margin-top: 40px;*/ float:left; padding:15px 0 10px 0; width:100%} #bottom-sidebar .container > .row { margin-left: -30px; margin-right: -30px; } #bottom-sidebar .container > .row > div { /*padding-bottom: 15px; padding-top: 15px; padding-left: 30px; padding-right: 30px;*/ background-color: #353535; height:auto !important; } #bottom-sidebar .container > .row > div:first-child { background-color: #4a4a4a; } #bottom-sidebar .container > .row > div:last-child { background-color: #4a4a4a; } #bottom-sidebar .widget { margin-bottom: 55px; } #bottom-sidebar .widget:last-child { margin-bottom: 0; } #bottom-sidebar .widget .widget-title { font-size: 18px; color: #fff; font-weight: 400; line-height: 10px; margin-bottom: 5px; } #bottom-sidebar .widget.widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.09); border: 0; padding-bottom: 0; width: 33.33%; box-sizing: border-box; float: left; } #bottom-sidebar .widget.widget_nav_menu ul li a { color: #d4d4d9; } #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: #191d3d; color: #d4d4d9; 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: #191d3d; 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 #ececec; } #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: #212121; color: #d4d4d9; padding: 20px 0; position: relative; float:left; width:100%; } #kopa-page-footer #copyright { margin-bottom: 0; font-size: 16px; } /*#back-top { margin-bottom: 0; z-index: 1; position: absolute; right:0%; top: -25px; margin-left: -30px; background:#ed1d24;}*/ #back-top { margin-bottom: 0; z-index: 99; position: fixed; right: 0%; bottom: 15px; margin-left: -30px; background: #ed1d24; } #back-top a { text-align: center; color: #fff; line-height: 48px; position: relative; display: block; z-index: 1; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 5px; width: 60px; height: 50px; } #back-top a i { position: relative; z-index: 10; } /* * 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: #A7A9AC; 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: #03a9f5; } .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: #03a9f5; } .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: #03a9f5; color: #03a9f5; } .kopa-course-comment-widget .respond .comment-form .row > div .comment-button input[type="submit"] { border: none; color: #061a35; text-transform: uppercase; background-color: #ececec; font-family: "Raleway", 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: 600; } .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: #ececec; 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 #ececec; 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 #ececec; 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: #03a9f5; 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: "Raleway", 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: #03a9f5; } .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: "Raleway", sans-serif; color: #262c56; } .contact-form-wrapper form .row > div .textarea-block textarea:focus { border-color: #03a9f5; } .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: "Raleway", 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: 20%;/* text-transform: uppercase; */ } .utp-course-title { width: 28%; } .utp-course-duration { width: 40%; } .utp-course-date-start { width: 28%; } .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: #03a9f5; border-color: #03a9f5; } .blue-style .course-form .course-submit { background-color: #03a9f5; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #03a9f5; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { border-right-color: #03a9f5; } .blue-style .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { border-left-color: #03a9f5; } .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: #191d3d; 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: "Raleway", sans-serif; border-bottom: inherit; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #191d3d; 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: "Raleway", 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: #03a9f5; 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: #03a9f5; color: #03a9f5; } .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: "Raleway", sans-serif; border-top: none; border-radius: 3px 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: #666; } #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: 3px; } .bbp_widget_login button[type="submit"] { color: #fff; text-transform: uppercase; border-radius: 3px; 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: 3px; 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: bold; 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: 600; 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: #03a9f5; } /* 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: 600; 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:1200px) { #top-nav #top-menu li:last-child ul.sub-menu { right: 0; left: inherit } } @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) { .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; } } @media 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: #03a9f5; } /* 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;*/ color: #000; } .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; } .kopa-course-search-2-widget .course-form .text-block input:-ms-input-placeholder { /* Internet Explorer 10-11 */ line-height: 21px !important; } .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 #ececec; } #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 { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .widget_tag_cloud a { font-size: 14px !important; } .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: bold; } .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: 3px; } .kopa-login-widget button.submit { color: #fff; text-transform: uppercase; border-radius: 3px; height: 42px; padding: 5px 30px; border: none; line-height: 30px; } .blue-style .owl-theme .owl-controls .owl-buttons div:hover { color: #03a9f5; } .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 #999999; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0; /*table-layout: fixed;*/ min-width: 100%; float: left } 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: #555; } .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: #03a9f5; } .kopa-faq-section .faq-filter ul li.active a:before { background-color: #03a9f5; 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: -6px !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: 20px; } .vc_wp_custommenu .widget_nav_menu ul li:before { top: 13px; left: 5px; } .vc_wp_custommenu .widget_nav_menu ul li:hover { background-color: #f2f4f5; } .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: 3px; } .kopa-course-search-2-widget .widget-title.widget-title-s10 { margin-bottom: 20px; } .kopa-login-widget .logout-link { color: #fff; text-transform: uppercase; border-radius: 3px; 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: #03a9f5 !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 #ececec; 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 #ececec; 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 #ececec; 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 #ececec; padding-top: 7px; } .widget_display_views li:first-child { border-top: none; padding-top: 0; } .widget_display_forums li { border-top: 1px solid #ececec; padding-top: 7px; } .widget_display_forums li:first-child { border-top: none; padding-top: 0; } .widget.widget_text .textwidget strong { /* font-family: "Raleway", 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 #ececec; } .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: "Raleway", 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: "Source Sans Pro", sans-serif; border-top: 1px solid #ececec; 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 #ececec; } .widget.woocommerce.widget_products .product_list_widget li a { font-family: "Raleway", 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 #ececec; 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 #ececec; } .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: "Raleway", 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 #ececec; } .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: "Raleway", 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 #ececec; 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: "Raleway", 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 #ececec; 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: #191d3d !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: "Raleway", 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: "Raleway", 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-single-content ul > li, #comments ul > li { list-style: disc; } #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; } .kopa-nothumb-widget .entry-content p { color: #fff; } .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 { display: none; } .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; } .main-nav-mobile .pull { color: #fff !important; } /* 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, #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, .kopa-event-2-widget ul li .entry-title a:hover, .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title a:hover, .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link:hover, .more-link:hover i:before, .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link: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-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link: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, .upside-three-item .widget-content ul li .entry-item .entry-content .more-link: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: #ED1D24; } .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, .main-nav-mobile .pull + ul, .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: #ED1D24; } .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, .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: #ED1D24; } .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, .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-newsletter-widget .newsletter-form .input-email input[type="submit"]: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"], .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, .woocommerce ul.products li.product .product-thumb .hot-item, .woocommerce-page ul.products li.product .product-thumb .hot-item, .woocommerce ul.products li.product .product-detail > a .price, .woocommerce-page ul.products li.product .product-detail > a .price, .woocommerce div.product div.summary form.cart .single_add_to_cart_button:hover, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button:hover, #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"], #kopa-page-footer-s2 #back-top a:hover, .bbp_widget_login button[type="submit"], .pro-pink .pro-bar-container .pro-bar.pro-midnight, .kopa-login-widget button.submit, .kopa-login-widget .logout-link, .widget.woocommerce.widget_product_search .woocommerce-product-search input[type="submit"] { background-color: #ED1D24; } .woocommerce .woocommerce-message { border-top-color: #ed145b; } .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: #ed145b; } .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: #ed145b; } .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: #ed145b !important; } .solid-button-pink-hover .kopa-button:hover { color: #ed145b !important; border-color: #ed145b !important; } .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a.remove:hover { background: #ed145b !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-1-widget .row > div .entry-item .entry-content .entry-date strong, .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, #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in a:hover, #bbpress-forums ul.bbp-forums .bbp-forum-freshness > a, #bbpress-forums ul.bbp-topics .bbp-topic-reply-count, #bbpress-forums ul.bbp-topics .bbp-topic-view-count, #bbpress-forums ul.bbp-topics .bbp-topic-permalink, #contact-form .contact-form .row > div .contact-button input[type="submit"], .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce a.add_to_cart_button:hover, .woocommerce-page a.add_to_cart_button:hover, .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, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li a, .widget.woocommerce.widget_product_search .woocommerce-product-search .search-field, .widget.woocommerce.widget_recent_reviews .product_list_widget li a, .widget.woocommerce.widget_recently_viewed_products .product_list_widget li a, #upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 h3, .upside-right-sidebar .kopa-tagline-5-widget .col-xs-12 h3, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, #bbpress-forums .bbp-template-notice p, #bbpress-forums .bbp-template-notice p a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, #main-menu > li > ul > li.current_page_item > a, .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: #ED1D24; } .btn-itn { color: #17376e !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: #ED1D24; } .top-main-nav-mobile .top-main-menu-mobile, .top-main-nav-mobile .pull + ul, .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: #ED1D24; } .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, .social-links li a, .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-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, .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 #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, .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, #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, .widget.woocommerce.widget_product_search .woocommerce-product-search input[type="submit"]:hover, #upside-right-sidebar .bbp_widget_login .logout-link:hover, .upside-right-sidebar .bbp_widget_login .logout-link:hover, #bbpress-forums #bbp-user-wrapper h2.entry-title { background-color: #ED1D24;/*#A7A9AC;*/ } .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: #17376e; } .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: #17376e; } .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: #17376e; } #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: #17376e; } .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: #17376e !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: #17376e !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: #17376e !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 (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 (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; } } /********** New CSS ***********/ .col-md-9.col-sm-9.col-xs-12 { background: rgba(255,255,255,1); min-height: 500px; } #logo-image img { width: 150px; } #main-menu > li > a { color: #fff;/*letter-spacing: 3px; word-spacing: 9px;*/ } #main-menu > li > .contact { color: #fff; letter-spacing: 0px; word-spacing: 0px; } #main-menu > li > .contact i.fa.fa-phone-square { margin-right: 9px; vertical-align: middle; } #main-menu > li > ul > li > a:hover { color: #ED1D24; } .kopa-button.red-btn { background-color: #ED1D24; } .black-font { color: #333; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover a:hover { color: #fff; } .white-font { color: #fff; } #bottom-sidebar img { width: 150px; } #upside-overlay-ovsrKb9x { width: 1903px !important; } .fix-nav { position: fixed; top: 0; width: 100%; z-index: 999; } .link-style { font-size: 20px !important; letter-spacing: 2px !important; word-spacing: 5px !important; } .header-contact { margin-top: 10px; margin-right: -15px; } .header-contact i { margin-top: 7px; } .vc_custom_1448961368611 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 50px !important; } .vc_custom_1448961229269 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; background-color: #f2f4f5 !important; } .vc_custom_1448961245536 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; } .vc_custom_1448961254594 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; } .vc_custom_1448961262281 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; background-color: #ed145b !important; } .vc_custom_1448961269587 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 0px !important; } .vc_custom_1448961277286 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 80px !important; padding-bottom: 80px !important; } .home #main-content { top: 0px; margin-bottom: 0px; } .top160 { top: 160px !important; } .marginbtm-0 { margin-bottom: 0px; } .owl-carousel-5 .owl-wrapper-outer .owl-wrapper .owl-item .item .entry-item .entry-content p { margin-bottom: 0px; } .kopa-course-search-2-widget .course-form .text-block textarea { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 0; outline: 0; background: #fff; height: 100px; line-height: 32px; padding: 5px 15px; width: 100%; color: #000; } .text-block textarea{ height: 70px !important;} .wid100 { width: 100%; } .mt20 { margin: 20px 0 !important; } .submit1 { background-color: #ececec !important; color: #000 !important; } .submit1:hover { background: #ED1D24 !important; color: #fff !important; } .color { color: #637587 !important; } .bg { background: none !important; } .fontf { font-family: "Source Sans Pro", sans-serif, Fontawesome; } .textarea { width: 100%; padding: 10px 15px 10px 15px; border: 1px solid #e2e2e3; } .chebox { width: auto !important; height: inherit !important; margin-top: 0; } .fs16 { font-size: 16px; } .icon-gray { color: #a7aebf; font-size: 32px; margin: 0 15px 0 0 !important; padding: 10px 10px; border: 2px solid #a7aebf; border-radius: 3px; } .padding10 { padding-top: 10px; } .white-bg { background: #fff; } .bg-icon { /*background-image: url(../images/key.png);*/ background-position: bottom right; background-repeat: no-repeat; } .bg-finance { background-image: url(../images/financial-result.png); background-position: bottom right; background-repeat: no-repeat; } .bg-press-release { background-image: url(../images/press-release.png); background-position: bottom right; background-repeat: no-repeat; } .bg-loan { background-image: url(../images/growth.png); background-position: bottom right; background-repeat: no-repeat; } .icon-color { color: #A7A9AC; } .panel-heading:hover .icon-color { color: #ed1d24; } .greycolor { color: #637587 !important; font-size: 12px !important; } .title-bg { position: absolute; color: #fff; background: rgba(237,29,36,.5); width: 100%; } .item.round img { border-radius: 50%; } /*.item.round .mask { border-radius: 50%; margin: 0 !important; padding: 0 !important; } .item.round .item-hover { border-radius: 50%; }*/ /*new css*/ .item.round .item-hover i { left: 40%; position: relative; } h2#upside-post-title1 { background: rgba(0, 0, 0, 0.4); margin-bottom: 0; color: #fff; text-transform: capitalize; } .banner_img { width: 100%; float: left; position: relative; margin-bottom: 10px; } header { float: left; width: 100%; position: absolute; bottom: 0; } .item.round { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); overflow: hidden; border-radius: 50%; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item.round { margin-top: 10px; } .icon-rad { color: rgba(255, 255, 255, 0.84); font-size: 30px; margin: 6px 15px 5px 5px !important; padding: 8px; border: 1px solid rgba(255, 255, 255, 0.68); border-radius: 3px; } header .entry-title { font-size: 25px; } header.position { position: relative; } .white { background: #fff; } span.star { color: red; } .border:after { content: ""; height: 1px; background-color: #f3eded; width: 100%; position: absolute; top: 0px; bottom: 20px; left: 0; } .captcha { margin-top: 20px; } .border { margin: 12px 0; } .headerno { float: right; } .headerno span { float: left; margin-left: 10px; } .main-nav-mobile .main-menu-mobile, .main-nav-mobile .pull + ul { display: none; } .widget.kopa-course-list-3-widget.wow.slideInRight { } h2#upside-post-title1 { position: relative; box-sizing: border-box; width: 100%; padding-left: 10px; line-height: normal; padding-top: 7px; padding-bottom: 7px; } h2#upside-post-title1:before { position: absolute; top: 7px; left: 5px; background: url(../images/gruh-icon.png) no-repeat center center; content: ''; width: 35px; height: 35px; background-size: cover; display: none; } .entry-professor-content h6 { font-size: 18px; margin: 0px 0 15px; font-weight: 600; padding-bottom: 15px; position: relative; width: 100%; text-transform: uppercase; border-bottom: 1px solid #CCC; color: #333 } .entry-professor-content h6:before { content: ''; width: 50px; height: 3px; background: #ED1D24; left: 0; bottom: -2px; position: absolute } ul.table-list li { list-style: none; padding-left: 0; } ul.table-list li:before { display: none; } .pattern_table { width: 100%; overflow-x: auto; margin-bottom: 20px; } .widget .widget-title.widget-title-s10 { font-size: 18px; margin: 15px 0; font-weight: 600; padding-bottom: 15px; position: relative; width: 100%; text-transform: uppercase; border-bottom: 1px solid #CCC; color: #333 } .widget .widget-title.widget-title-s10:before { content: ''; width: 50px; height: 3px; background: #ED1D24; left: 0; bottom: -2px; position: absolute } .kopa-course-list-3-widget tr:first-child td { background: #ED1D24; color: #fff; text-align:center; } .kopa-course-list-3-widget tr:nth-child(even) td { background: #f5f5f5; } .kopa-course-list-3-widget h6 { font-size: 18px; margin: 0px 0 15px; font-weight: 600; padding-bottom: 15px; position: relative; width: 100%; text-transform: uppercase; border-bottom: 1px solid #CCC; color: #333 } .kopa-course-list-3-widget h6:before { content: ''; width: 50px; height: 3px; background: #ED1D24; left: 0; bottom: -2px; position: absolute } h4.loan-title { font-size: 18px; margin: 15px 0; font-weight: 600; padding-bottom: 15px; position: relative; width: 100%; text-transform: uppercase; border-bottom: 1px solid #CCC; color: #333 } h4.loan-title:before { content: ''; width: 50px; height: 3px; background: #ED1D24; left: 0; bottom: -2px; position: absolute } .content-area ul { float: left; width: 100%; } .kopa-course-search-2-widget { float: left; width: 100%; } .entry-professor-box a { color: #ED1D24; } a.kopa-button { color: #fff; } .drop a { text-transform: capitalize; } td textarea, td input { background: none; border: 1px solid #d0d0d0 } h2#upside-post-title1 i { display: none; } #main-menu > li:nth-of-type(2n) > a { background: #fff; text-align: center; padding: 12px 6px; min-width: 88px; border-radius: 3px; font-size: 18px; text-align: center; text-transform: uppercase; text-decoration: none; border: none; outline: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #ED1D24; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #main-menu > li:nth-of-type(2n) > a:hover { background: #f7f7f7; box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15); } #main-menu > li:nth-of-type(3) > a { background: #fff; text-align: center; padding: 12px; min-width: 88px; border-radius: 3px; font-size: 18px; text-align: center; text-transform: uppercase; text-decoration: none; border: none; outline: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #ED1D24; } #main-menu > li:nth-of-type(3) > a:hover { background: #f7f7f7; box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15); } .table-list-press-release { } .table-list-press-release li:nth-child(even) { background-color: #f2f4f5; } .table-list-press-release li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; /* border-bottom: 1px solid #cdcdcd; */ background-color: #fff; padding: 10px 10px 12px 30px !important; font-size: 15px;} .table-list-press-release li:before { top: 10px !important; left: 10px !important; } .letter { background: #fff; } table td a { word-break: break-word; } .kopa-course-search-2-widget .loan.course-form .select-block i { text-align: center; width: 42px; height: 42px; line-height: 34px; font-size: 16px; background: #fff; position: absolute; top: 28px; right: 1px; cursor: default; pointer-events: none; border-left: none; display: block; } table.autoTable, table.autotable { width: auto !important; min-width: 100%; } #menu-custom-menu-3 li { padding-left: 0 } .letter.tb-brdr tr:nth-child(even) td { background: #f5f5f5; } #upside-right-sidebar .widget-title.widget-title-s10 { text-indent: 15px } .mb20 { margin-bottom: 20px; } .pdf { } .pdf:after { content: ""; width: 14px; height: 18px; display: inline-block; background: url(../images/pdf-icon.png) no-repeat; margin-left: 10px; /* text-align: justify; */ background-size: cover; position: relative; top: 4px; } .downloads { } .downloads:after { content: ""; width: 19px; height: 18px; display: inline-block; background: url(../images/download-icon.png) no-repeat; margin-left: 10px; /* text-align: justify; */ background-size: cover; position: relative; top: 4px; } .testimonial-detail_new { font-style: italic; background-color: #f2f4f5; padding: 25px 30px 20px; position: relative; margin-bottom: 20px; font-size: 14px; line-height: 24px; font-weight: 400; } .testimonial-detail_new: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; } img.user { border-radius: 50%; float: left; margin-right: 20px; height: 70px; width: 70px; } h5.testimonials_name { font-size: 13px; color: #a7a9ac; font-weight: bold; line-height: 50px; } article.testimonial-item { float: left; width: 100%; } /* wizard css*/ .wizard { margin: 20px auto; background: #fff; float: left; } .wizard .nav-tabs { position: relative; margin: 40px auto; margin-bottom: 0; border-bottom-color: #e0e0e0; } .wizard > div.wizard-inner { position: relative; } .connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; } span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 18px; } span.round-tab i { color: #555555; } .wizard li.active span.round-tab { background: #fff; border: 2px solid #ed1d24; } .wizard li.active span.round-tab i { color: #5bc0de; } span.round-tab:hover { color: #333; border: 2px solid #333; } .wizard .nav-tabs > li { width: 33.3%; } .wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #5bc0de; transition: 0.1s ease-in-out; } .wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #ed1d24; } .wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; } .wizard .nav-tabs > li a:hover { background: transparent; } form .tab-content { width: 100%; } .wizard .tab-pane { position: relative; } .wizard h3 { margin-top: 0; } .step1 .row { margin-bottom: 10px; } .step_21 { /* border :1px solid #eee;*/ border-radius: 5px; padding: 20px; } .step33 { /*border:1px solid #ccc;*/ border-radius: 5px; padding-left: 10px; margin-bottom: 10px; } .dropselectsec { width: 68%; padding: 6px 5px; border: 1px solid #ccc; border-radius: 3px; color: #333; margin-left: 10px; outline: none; font-weight: normal; } .dropselectsec1 { width: 74%; padding: 6px 5px; border: 1px solid #ccc; border-radius: 3px; color: #333; margin-left: 10px; outline: none; font-weight: normal; } .mar_ned { margin-bottom: 10px; } .wdth { width: 25%; } .birthdrop { padding: 6px 5px; border: 1px solid #ccc; border-radius: 3px; color: #333; margin-left: 10px; width: 16%; outline: 0; font-weight: normal; } /* according menu */ #accordion-container { font-size: 13px } .accordion-header { font-size: 13px; background: #ebebeb; margin: 5px 0 0; padding: 7px 20px; cursor: pointer; color: #fff; font-weight: 400; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .unselect_img { width: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .active-header { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #F53B27; } .active-header:after { content: "\f068"; font-family: 'FontAwesome'; float: right; margin: 5px; font-weight: 400 } .inactive-header { background: #333; } .inactive-header:after { content: "\f067"; font-family: 'FontAwesome'; float: right; margin: 4px 5px; font-weight: 400 } .accordion-content { display: none; padding: 20px; background: #fff; border: 1px solid #ccc; border-top: 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } .accordion-content a { text-decoration: none; color: #333; } .accordion-content td { border-bottom: 1px solid #dcdcdc; } @media( max-width : 585px ) { .red-bg { /* background: #ed1d24; */ /* width: 100%; */ height: 130px !important; padding-top: 6px !important; border-bottom: 4px solid rgba(58, 58, 58, 0.5); position: relative; z-index: 3; background: #ED1D24; } .wizard { width: 90%; height: auto !important; } span.round-tab { font-size: 13px; width: 50px; height: 50px; line-height: 50px; } .wizard .nav-tabs > li a { width: 50px; height: 50px; line-height: 50px; } .wizard li.active:after { content: " "; position: absolute; left: 35%; } } .wizard ul li:before { display: none; list-style: none !important; } .wizard ul.list-inline { text-align: right; } .wizard ul li button { width: 140px; background: #ed1d24; color: #fff; border: none; } li.por-item1 h6.entry-title { font-size: 14px !important; border-bottom: none; } .wizard ul li button:hover { color: #333; background-color: #ebebeb; border-color: #adadad; } .wizard ul li { padding-left: 0px; } li.por-item1:before { display: none; } li.por-item1 h6:before { display: none; } /* label.error { display: none !important; } */ #captcha_code { height: 44px; margin-top: 20px; } .col-md-12.col-sm-12.col-xs-12 .text-block .col-md-6.col-sm-6.col-xs-6 { padding-left: 0; } .widget.kopa-course-list-3-widget.wow.slideInRight { float: left; width: 100%; margin-top: 20px; /*margin:0 2.5%;*/ } .wpb_wrapper .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content p { display: none; } .wpb_wrapper .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title { margin: 0; padding: 0; } .widget .widget-title.widget-title-s5 h2 { font-size: 30px; margin: 0px 0 15px; font-weight: 600; padding-bottom: 15px; position: relative; width: 100%; text-transform: uppercase; border-bottom: 1px solid #CCC; color: #333; margin-right: 0px; margin-left: 0px; text-align: left; } .widget .widget-title.widget-title-s5 h2:before { content: ''; width: 80px; height: 3px; background: #ED1D24; left: 0; bottom: -2px; position: absolute; } .widget.kopa-course-list-3-widget.wow.slideInRight .owl-carousel .owl-controls .owl-buttons div.owl-prev { color: #333; left: -40px; } .widget.kopa-course-list-3-widget.wow.slideInRight .owl-carousel .owl-controls .owl-buttons div.owl-next { color: #333; right: -40px; } label.big { font-size: 16px; color: #6b6b6b; } label.normal { font-weight: 500; font-size: 13px; } .captcha #captcha_code { margin-top: 0; } .sub-menu { 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); } #categories-3 { padding: 0 15px 15px 15px; box-sizing: border-box } .widget.kopa-course-list-3-widget .owl-item { padding: 0 20px; } .panel-collapse div table#tblSearch tr td { width: 100%; } table tr td ul li:before { display: none; } table td { padding-left: 10px; padding-right: 10px; vertical-align: middle; min-width: 100px; } table td ul li { list-style: square; padding-left: 30px; display: list-item; position: relative; } table td ul.fin-result-list li { list-style: none; padding-left: 30px; display: list-item; position: relative } table td ul li:after { position: absolute; top: 10px; left: 15px; background: #CCC; content: ''; width: 5px; height: 5px; } .kopa-course-list-3-widget table.letter1 tr td tabel tr:nth-child(even) td { background: #f5f5f5 } .kopa-course-list-3-widget table.letter1 tr td tabel tr:nth-child(odd) td { background: #fff } tabel tr:nth-child(even) td { background: #f5f5f5 } tabel tr:nth-child(odd) td { background: #fff } .kopa-course-list-3-widget table.letter1 tr:first-child td { background: #fff; color: inherit; } .kopa-course-list-3-widget table tr td table.letter tr:nth-child(even) td { background: #f5f5f5 } .kopa-course-list-3-widget table tr td table.letter tr:nth-child(odd) td { background: #fff } .kopa-course-list-3-widget table tr td table.letter tr:first-child td { color: #fff !important; background: #ED1D24 !important } .content-area ul li ul li:before { display: none; } .content-area ul li ul li { list-style: square; /*margin-left: 20px;*/ padding-left: 0; } .content-area ul li ul li ul li { list-style: circle; /*margin-left: 20px;*/ padding-left: 0; } #refresh_captcha { margin-top: 21px; height: 44px; cursor: pointer; margin-left: 10px; } .captcha { margin-top: 45px; } .captcha #captcha_code { margin-top: 0px !important } .captcha #refresh_captcha { margin-top: 0px !important } .bottom-space { margin-bottom: 40px; } /*new css*/ ul.button li:before { content: ""; } ul.button li { float: left; background: #ed1d24; color: #fff; margin-right: 10px; padding: 4px 10px; } ul.button li a{ color: #fff; } /*new css 07-11*/ p { text-align: justify !important; } .content-area ul li { position: relative; /* padding-left: 30px;*/ list-style: none; text-align: justify !important; } div#ui-datepicker-div { z-index: 99999 !important; } /*css 22-11*/ a.kopa-button.pink-button.medium-button.new-button { box-shadow: 0 3px rgb(237, 29, 36); border-radius: 9px; background: #fdfdfd; color: #ed1d24; } a.kopa-button.pink-button.medium-button.home-button{ float: left; margin: 6px 4px; width: 210PX; text-align: center; padding: 9px; } div#msg { color: #000000; float: right; } .height-footer {min-height: 0 !important;} /*new css 21-01*/ ul.list-decimal-new li:before { content: " " !important; /* list-style-type: decimal; */ } ul.list-decimal-new p { clear:both; } ul.list-decimal-new li { list-style-type: decimal; padding-left:10px; margin-left:25px; /* width: 100%; */ float: left; box-sizing:border-box; clear: both; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: -o-calc(100% - 25px); width: calc(100% - 25px); } .red { background: #ed1d24 !important; color: #fff; text-align:center; } .pattern_table table tr{ /*min-height:300px;*/ } ul.fin-result-list li:after { /* list-style: none; */ background: none; } ul.list-style li:before { content: ""; } p#back-top:hover { background: #212121; } .pattern_table.financial table td { padding:7px; vertical-align: middle; min-width:70px; } #upside-page-content .loading{display:none;} #preloader{background:#ED1D24; position:fixed; z-index:99999; top:0; left:0; width:100%; height:100vh;} #status{background: url(../images/ajax-loader.gif) top center; background-size:cover; width:100px; height:100px; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px;} @media (max-width: 1280px) { a.kopa-button.pink-button.medium-button.home-button { float: left; margin: 4px 0; width: 220PX; text-align: center; padding: 9px; margin-left: 5px; } } @media( max-width : 1024px ) { a.kopa-button.pink-button.medium-button.home-button { float: left; margin: 13px 4px; width: 188PX; text-align: center; padding: 3px; } .pattern_table table tr td{width:inherit !important; word-break:; white-space: nowrap;} .pattern_table table{width: initial} } /*.entry-professor-box table tr:first-child td { background: #ED1D24; color: #fff; text-align:center !important; }*/ ul.list-roman-new li { list-style-type: lower-roman; padding-left: 10px; /* margin-left: 25px;*/ float: left; } ul.list-roman-new li:before { content: " " !important; /* list-style-type: decimal; */ } ul.list-inherit-new li { list-style-type: inherit; margin-left: 20px; padding-left: 0; } ul.list-inherit-new li:before { content: " " !important; } ul.list-lower-new li { list-style-type: lower-alpha !important; /*margin-left: 20px;*/ padding-left: 0; } ul.list-lower-new li:before { content: " " !important; } .line { border-top: 1px solid #ed1d24; } ul#mobile-menu { max-height: 65vh; overflow: scroll; } .ui-datepicker-calendar td{min-width:inherit;} .red-color{ color:#ED1D24} ul.ulliinherit li { list-style: inherit; } ul.ulliinherit.padding-left-5px { padding-left: 5%; } ul.list-upper-roman-new > li { list-style-type: upper-roman; } ul.list-roman-new li { list-style: lower-roman !important; } .news-text-link a.link-style { color: #fff; } .news-heder { margin: 15px 0; } .news-text marquee { color: #fff; } .news-text-link { border-right: 1px solid #fff; } .red-bg { /* background: #ed1d24; */ /* width: 100%; */ height: 60px; /* padding: 0; */ border-bottom: 4px solid rgba(58, 58, 58, 0.5); position: relative; z-index: 3; background: #ED1D24; } .owl-controls.clickable { margin: 0 !important; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-thumb img { width: 100%; height: 640px; } .owl-theme .owl-controls { margin: 0 !important; } .slider-text { font-size: 40px; line-height: 40px; color: #0a3353; font-weight: 600; } .small-text { font-size: 25px; color: #0a3353; font-weight: 600; } .slider-text span { color: #ed1d24; } .slider-line { width: 400px; border: 1px solid #ababab; margin: 15px 0; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .left-col { border-right: none; width: auto; } .slider-left { font-family: 'Ubuntu', sans-serif; } img.bandhan-logo { float: left; width: 50% !important; } img.gruh-logo { float: right; width: 50% !important; } img.menu-logo-bandhan{ width: 80%; } table.letter.letter_no_border tr td img.alignnone.size-full.wp-image-8 { display: none; } .news-text marquee { color: #fff; font-size: 18px; font-weight: bold; } .home-slider-1 .owl-carousel .item { height: 70vh; } .kopa-course-search-2-widget .course-form .feedback-inquiry-form .text-block, .kopa-course-search-2-widget .course-form .feedback-inquiry-form .select-block {margin-top: 0; margin-bottom: 10px;} .kopa-course-search-2-widget .course-form .feedback-inquiry-form label{color: #333333; font-weight: 400; margin-bottom: 0;} .kopa-course-search-2-widget .course-form .feedback-inquiry-form .text-block input { box-shadow: none; border: 1px solid #f03723; border-radius: 0; outline: 0; background: #fff; height: 30px; line-height: 30px; padding: 5px 15px; box-sizing: border-box; width: 100%; /* color: #a7aebf; */ color: #000; } .kopa-course-search-2-widget .course-form .feedback-inquiry-form .select-block select { box-shadow: none; border: 1px solid #f03723; border-radius: 0; outline: 0; background: #fff; height: 30px; line-height: 30px; padding: 5px 15px; box-sizing: border-box; width: 100%; /* color: #a7aebf; */ color: #000; } .kopa-course-search-2-widget .course-form .feedback-inquiry-form .text-block textarea { box-shadow: none; border: 1px solid #f03723; border-radius: 0; outline: 0; background: #fff; height: 100px; line-height: 30px; padding: 5px 15px; box-sizing: border-box; width: 100%; /* color: #a7aebf; */ color: #000; } .feedback-inquiry-form #captcha_code{margin-top: 0; vertical-align: top;} .feedback-inquiry-form #refresh_captcha{margin-top: 0;}