%PDF- %PDF-
Direktori : /var/www/html/itworks/wp-content/themes/eduma/assets/sass/widgets/ |
Current File : /var/www/html/itworks/wp-content/themes/eduma/assets/sass/widgets/_widgets.scss |
.home-content, .site-main { .widget-title { text-transform: uppercase; line-height: 30px; font-size: 30px; font-weight: 700; margin: 0 0 7px 0; } } .widget-area { .widget_categories { .screen-reader-text { display: block; } } select { max-width: 100%; height: 30px; border: 1px solid #eee; line-height: 30px; } aside { overflow: hidden; padding: 0 20px; margin-bottom: 50px; position: relative; ul { li { list-style: none; } } &:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #e5e5e5; } &:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 36px; z-index: 3; } .widget-title { position: relative; padding: 0; margin-top: 0; margin-bottom: 20px; line-height: 36px; text-transform: uppercase; font-size: 18px; font-weight: 700; } &.widget_single-images { padding: 0; &:after { display: none; } &:before { display: none; } } &.widget { .widget-title { margin-bottom: 8px; } ul { margin: 0; li { margin: 0; padding: 5px 0; line-height: 20px; font-weight: 400; font-size: 13px; a { font-weight: 700; font-size: 13px; text-transform: uppercase; } ul { padding-left: 20px; li { &:first-child { padding-top: 10px; } &:last-child { padding-bottom: 0; } } } } } &.widget_courses, &.widget_list-post { .widget-title { margin-bottom: 20px; } } } } } .thim-style-content-new-1 { .navigation { .menu-right { .widget_courses-searching { .search-toggle { .fa-search { padding-top: 13px; &:before { content: "\e922"; font-family: 'Linearicons'; } } } } } } .widget-area { aside { &.widget { padding: 0; .widget-title { font-size: 22px; font-weight: 400; text-transform: none; line-height: 22px; margin-bottom: 32px; } &:after, &:before { display: none; } ul { li { a { text-transform: uppercase; font-size: 16px; font-weight: 400; color: #808080; padding: 2px 0; display: block; line-height: 24px; } &:first-child { padding-top: 0; a { padding-top: 0; } } } } } } } } .widget_rss { .rsswidget { font-weight: bold; } .rss-date { display: block; font-style: italic; font-size: 90%; } cite { color: #000; font-weight: bold; } } #secondary .thim-widget-courses { padding-top: 0; padding-bottom: 0; } .thim-global-locations { margin-top: -230px; margin-bottom: 50px; position: relative; } .site-main { .widget_text { .widget-title { font-size: 18px; font-weight: 700; line-height: 36px; padding-left: 32px; position: relative; margin-bottom: 12px; &:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; } } } } .thim-col-2 { width: 50%; float: left; } .nav-tabs > li { &:focus { outline: none; } } .thim-carousel-wrapper { &.gallery-img { .owl-item { text-align: center; } } } .mc4wp-form .mc4wp-form-fields { .newsletter-grad { label { display: inline-block; font-weight: 400; font-size: 18px; margin-right: 30px; color: #fff; text-transform: uppercase; } input[type=email], input[type=text] { display: inline-block; width: 450px; vertical-align: middle; padding-top: 13px; padding-bottom: 13px; padding-left: 30px; font-size: 16px; border-color: rgba(255, 255, 255, 0.5); &::-moz-placeholder { font-style: italic; } &:-ms-input-placeholder { font-style: italic; } // Internet Explorer 10+ &::-webkit-input-placeholder { font-style: italic;} // Safari and Chrome &:focus { border-color: #fff; } } input[type=submit] { display: inline-block; color: #202020; font-weight: 400; vertical-align: middle; font-size: 16px; padding: 14px 25px; text-transform: uppercase; background-color: #fff; &:hover { color: #fff !important; background-color: #383866; } } } } .form_developer_course { .wpcf7-form { .field_item .wpcf7-form-control-wrap { display: block; width: 100%; float: none; margin: 0; } input[type=text], input[type=email] { font-size: 18px; color: #333; padding: 0; font-weight: 400; border: none; position: relative; z-index: 1; background-color: #FFF; &::-moz-placeholder { color: #ccc; font-weight: 200; opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 } &:-ms-input-placeholder { color: #ccc; font-weight: 200; } // Internet Explorer 10+ &::-webkit-input-placeholder { color: #ccc; font-weight: 200;} // Safari and Chrome } } } .form_developer_course { background-color: #FFF; max-width: 434px; .head_form { padding: 40px 30px 115px 30px; background-image: url(images/bg_song2.png); background-repeat: no-repeat; background-position: bottom center; h2 { margin: 0; color: #FFF; line-height: 45px; font-size: 38px; font-weight: 500; } h4 { margin: 0; color: #FFF; line-height: 40px; font-size: 16px; font-weight: 400; text-transform: uppercase; } } .content { padding: 0 30px 55px 30px; .field_item { position: relative; margin-bottom: 0; border-bottom: 1px solid #eee; padding-top: 25px; } .submit_row { margin-top: 50px; display: flex; height: 32px; border-radius: 16px; text-align: center; align-items: center; justify-content: center; position: relative; color: #fff; cursor: pointer; &:hover { opacity: .9; } input[type="submit"] { border-radius: 25px; padding: 0; text-transform: none; font-size: 16px; font-weight: 300; background-color: transparent; width: auto; margin: 0 8px 0 0; } .ajax-loader { left: unset; right: 0; bottom: 1px; } } label { position: absolute; bottom: 0; width: 100%; line-height: 40px; color: #ccc; font-size: 0; font-weight: 300; @include transition(); } .focusing + label { font-size: 12px; bottom: 26px; } .yikes-easy-mc-form { > label { position: relative; padding-top: 20px; > input[type=text], > input[type=email] { font-size: 18px; color: #333; padding: 0; font-weight: 400; border: none; position: relative; z-index: 1; background-color: #FFF; &::-moz-placeholder { color: #cccccc; font-weight: 200; opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 } &:-ms-input-placeholder { color: #cccccc; font-weight: 200; } // Internet Explorer 10+ &::-webkit-input-placeholder { color: #cccccc; font-weight: 200;} // Safari and Chrome } > span { position: absolute; width: 100%; line-height: 40px; color: #cccccc; font-size: 0; font-weight: 300; @include transition(); } } > button[type="submit"] { width: 100%; border-radius: 25px; padding: 0; text-transform: none; color: #fff; font-size: 16px; margin-top: 30px; font-weight: 300; > span { &:after { content: "\e944"; font-family: linearicons; vertical-align: middle; margin-left: 5px; } } &:hover { color: #fff; } } } } } .box_counteradius { padding-top: 150px; h2 { line-height: 80px; color: #FFF; margin: 0; font-size: 80px; text-transform: uppercase; font-weight: 700; margin-top: 10px; } h4 { color: #FFF; margin: 0; font-size: 28px; font-weight: 300; } } .box_counteradius_2 { h2 { line-height: 36px; margin: 0; font-size: 36px; font-weight: 500; margin-top: 10px; } h4 { margin: 0; font-size: 16px; color: #999; font-weight: 300; text-transform: uppercase; } } .img_position { .elementor-widget.elementor-widget-image { position: static; } .vc_column-inner, .elementor-widget-wrap { .elementor-widget-image, .thim-widget-single-images { img { position: absolute; } &:nth-child(1) { img { top: 50px; z-index: 2; } } &:nth-child(2) { img { bottom: -60px; right: 0; } } } } .widget_single-images { img { position: absolute; } &:nth-child(1) { img { top: 50px; z-index: 2; } } &:nth-child(2) { img { bottom: -60px; right: calc(50% - 20px); } } } } .thim-style-content-new-1 .thim_footer_bottom_courses a.widget-button.small.very-rounded:after { display: none; } .thim_footer_bottom_courses { background-repeat: no-repeat !important; background-position: center bottom !important; position: relative; &:before { content: ""; background: #7a42d8; background: -moz-linear-gradient(left, #7a42d8 0, #507ff7 100%); background: -webkit-linear-gradient(left, #7a42d8 0, #507ff7 100%); background: linear-gradient(to right, #7a42d8 0, #507ff7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a42d8', endColorstr='#507ff7', GradientType=1); position: absolute; width: 100%; display: block !important; height: 100%; opacity: 0.8; top: 0; left: 0; } > .panel-grid-cell { position: relative; } .textwidget, .wpb_text_column { h4 { font-weight: 300; font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 35px; } h2 { text-transform: uppercase; font-size: 18px; font-weight: 400; color: #fff; } } a { &.widget-button { &.small { line-height: 50px; padding: 0 60px; &.very-rounded { border-radius: 25px; } } } } &.vc_row { > .vc_col-sm-6 { &:last-child { width: 60%; } &:first-child { width: 40%; } } } } .thim_bg_gradient { background-repeat: no-repeat !important; position: relative; &:before { content: ""; background: #7a42d8; background: -moz-linear-gradient(left, #7a42d8 0, #507ff7 100%); background: -webkit-linear-gradient(left, #7a42d8 0, #507ff7 100%); background: linear-gradient(to right, #7a42d8 0, #507ff7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a42d8', endColorstr='#507ff7', GradientType=1); position: absolute; width: 100%; display: block; height: 100%; top: 0; left: 0; z-index: -1; } } .app_section { .textwidget, .wpb_text_column { p { color: #ccc; font-weight: 300; font-size: 16px; } img { margin-top: 15px; } } } .footer_newsletter { .thim-widget-heading { margin-bottom: 35px; } .sc_heading { margin-bottom: 0; .title { text-transform: none; margin-bottom: 18px; } .sub-heading { font-size: 20px; font-weight: 200; } } .mc4wp-form { .thim-newsletter-home-transparent { background-color: transparent; text-align: center; .input-field { position: relative; display: inline-block; vertical-align: bottom; max-width: 100%; } label { position: absolute; font-size: 0; bottom: 0; left: 0; color: #ccc; font-weight: 300; } input[type=email] { padding: 0; width: 375px; max-width: 100%; border-width: 0 0 1px 0; border-color: #eee; font-size: 18px; font-weight: 300; color: #fff; &::-moz-placeholder { color: #ccc; font-weight: 200; opacity: 1; } &:-ms-input-placeholder { color: #ccc; font-weight: 200; } &::-webkit-input-placeholder { color: #ccc; font-weight: 200; } &:focus{ & ~ label { font-size: 12px; bottom: 100%; } } } button[type="submit"] { padding: 0 30px; margin-left: 15px; background-color: transparent; border: 1px solid; border-radius: 9999px; color: #fff; font-weight: 200; display: inline-flex; align-items: center; justify-content: center; i { margin-left: 5px; } &:hover { background-color: #fff; color: #333; border-color: #fff; } } > p { display: inline-block; } } } } .have_scroll_bottom { position: relative; .scroll_slider_tab { position: absolute; bottom: 0; right: 0; width: 100%; text-align: right; .to_bottom { width: 60px; text-align: center; position: absolute; top: -105px; margin-left: -50px; padding: 12px 0; display: inline-block; border-left: 1px solid rgba(255, 255, 255, .2); i { font-family: Linearicons; display: block; font-style: inherit; color: #fff; line-height: 7px; font-size: 12px; &.icon2 { opacity: 0.5; } } } } .rev_slider .tp-tabs.hebe .tp-tab-mask .tp-tabs-inner-wrapper { padding-right: 70px; } } .masonry_layout { .thim-widget-gallery-posts { .item_post { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } } } .custom-text-1 { margin-top: -12px; padding-right: 20px; margin-bottom: -10px; p { font-size: 18px; margin-bottom: 15px; line-height: 30px; } ul { margin-left: 0; margin-top: 10px; display: inline-block; li { font-weight: 400; margin-bottom: 10px; color: #292929; list-style: none; font-size: 18px; &:before { color: #2ec4b6; content: "•"; margin-right: 15px; font-size: 26px; vertical-align: middle; display: inline-block; } } } } .custom-text-2 { text-align: center; padding: 0 100px; margin-top: -45px; p { font-size: 18px; font-weight: 300; margin-bottom: 30px; line-height: 30px; color: #aeaeae; } img { margin-top: 15px; } } .menu_faqs { .menu { margin: 0; li { list-style: none; padding-bottom: 15px; a { color: #9f9f9f; font-size: 18px; font-weight: 400; } &:before { color: #2ec4b6; content: "•"; margin-right: 15px; font-size: 26px; vertical-align: middle; display: inline-block; } } } } .working_hours { margin: 0; li { list-style: none; color: #9f9f9f; font-size: 18px; border-bottom: 1px solid rgba(124, 124, 124, 0.2); font-weight: 400; padding-bottom: 25px; padding-top: 25px; span { float: right; color: #fff; } &:after { content: ""; display: table; clear: both; } &:first-child { padding-top: 0; } &:last-child { border-bottom: none; padding-bottom: 0; } } } .box_heading_custom { .column_heading { float: left; padding-right: 40px; margin-right: 40px; border-right: 1px solid rgba(124, 124, 124, 0.2); &:last-child { border-right: none; padding-right: 0; margin-right: 0; font-weight: 300; } } .column_1 { text-transform: uppercase; font-size: 16px; color: #7c7c7c; p { margin-bottom: 0; } .heading { font-weight: 600; font-size: 35px; text-transform: none; color: #202020; line-height: 50px; } } .column_2 { font-size: 22px; font-weight: 300; color: #202020; text-align: center; text-transform: uppercase; .day { font-size: 60px; font-weight: 600; display: block; line-height: 50px; } } .column_3 { width: calc(100% - 505px); font-size: 18px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } &:after { clear: both; display: table; content: ""; } } .this-bottom-grad { text-align: center; .elementor-widget-wp-widget-text, .elementor-widget-thim-social, .widget_text, .widget_social, .wpb_text_column, .thim-widget-social { display: inline-block; vertical-align: middle; margin-bottom: 0 !important; } } .thim-image-box { position: relative; display: inline-block; > a { display: block; &:before { position: absolute; content: ""; background-color: rgba(17, 17, 17, 0.55); left: 0; top: 0; bottom: 0; right: 0; z-index: 1; @include transition(); } } .title { position: absolute; display: inline-block; z-index: 2; left: 50%; top: 50%; @include translate(-50%, -50%); h3 { display: inline-block; margin: 0; font-size: 26px; font-weight: 600; line-height: 34px; a { color: #fff; text-transform: uppercase; } } } &:hover { > a { &:before { background-color: rgba(53, 56, 102, 0.8); } } } } .header_v5 { #thim-popup-login { .mo-openid-app-icons > p, .has-shortcode .thim-login .title { font-size: 22px; font-weight: 600; } } }