/* Terra Atma (basic) skin for the theme ------------------------------------------------------------------------- */ /* TABLE OF CONTENTS: 1. Theme typography 2. Theme Accent Colors 2.1 Common colors 3. Form fields settings 7. Section's decorations 7.1 User and main menu 7.2 Slider 7.3 Top panel: Page title and breadcrumbs 7.4 Main content wrapper 7.5 Post Formats 7.6 Post Layouts 7.7 Paginations 8. Single page parts 8.1 Attachment and Portfolio post navigation 8.2 Reviews block 8.3 Post author 8.4 Comments 8.5 Page 404 8.6 Fullscreen layout: Featured block 8.7 Post Details 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third party plugins 13.1 Media player 13.2 WooCommerce 13.3 Tribe Events 13.4 BB Press 14. Predefined classes for users 15. Shortcodes -------------------------------------------------------------- */ /* 1. Theme typography -------------------------------------------------------------- */ body { font-family: 'Merriweather', sans-serif; font-size: 13px; line-height: 1.93em; font-weight: 300; color: #7e7876; /*#909090;*/ background: #fff; } h1 { font-size: 1.923em; font-weight: 300; line-height: 2.4em; margin-top: 1.2em; margin-bottom: 1.2em; } /* 25px 60px*/ h2 { font-size: 3.076em; font-weight: 300; line-height: 1.5em; margin-top: 1.6em; margin-bottom: 0.8em; } /* 40px 60px*/ h3 { font-size: 2.3076em; font-weight: 300; line-height: 1.2em; margin-top: 2.15em; margin-bottom: 0.9em; } /* 30px 36px*/ h4 { font-size: 1.923em; font-weight: 300; line-height: 1.2em; margin-top: 1.8em; margin-bottom: 1.1em; } /* 25px 30px*/ h5 { font-size: 1.5384em; font-weight: 300; line-height: 1em; margin-top: 2.5em; margin-bottom: 1.48em; } /* 20px 17px*/ h6 { font-size: 0.923em; font-weight: 700; line-height: 1.416em; margin-top: 4em; margin-bottom: 1em; /* 12px 17px*/ letter-spacing: 0.09em; text-transform: uppercase; } h1.page_title { margin: 0 0 -6px 0 !important; padding: 2em 0; } h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h3, h2+h4, h2+h5, h2+h6, h3+h4, h3+h5, h3+h6, h4+h5, h4+h6, h5+h6 { margin-top: 0; } dt, b, strong { font-weight: 700; color: #453b36; } /* Normal state */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #453b36; } h2, h3, h4, h6, h2 a, h3 a, h4 a, h6 a { font-family: 'Roboto'; } a, button { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } a { color: #7e7876; } .sc_line { margin: 4.59em 0 1.15em; } /* 2. Theme Accent Colors ------------------------------------------------------------------------- */ /* Links colors - use it as background and border with next classes */ .link_color { color: #a2ac21; } .link_color_bg { background: #1eaace; } .link_color_border { border-color: #1eaace; } a.link_color:hover { color: #007c9c; } .link_dark { color: #007c9c; } .link_dark_bgc { background-color: #007c9c; } .link_dark_bg { background: #007c9c; } .link_dark_border { border-color: #007c9c; } /* Main menu colors - use it as background and border with next classes */ .menu_color { color: #fff; } .menu_color_bg { background: #1dbb90; } .menu_color_border { border-color: #1dbb90; } a.menu_color:hover { color: #a2ac21; } .menu_dark { color: #018763; } .menu_dark_bg { background: #018763; } .menu_dark_border { border-color: #018763; } /* User menu colors - use it as background and border with next classes */ .user_color { color: #978a84; } .user_color_bg { background: #ffb20e; } .user_color_border { border-color: #ffb20e; } a.user_color:hover { color: #a2ac21; } /* Tool Tip */ .sc_tooltip_parent { display: inline-block; border-bottom: none; text-decoration: underline; } /* Social icons*/ [class^="icon-"]:before { color: #f7a41a; font-size: 1.0769em; } .sc_socials a, .sc_socials a .sc_socials_hover { text-indent: 0px; } .sc_socials_item a { background: url(images/icon_bg.png) no-repeat !important; line-height: 43px; text-align: center; -webkit-transition: all linear .6s; -moz-transition: all linear .6s; -o-transition: all linear .6s; -ms-transition: all linear .6s; transition: all linear .6s; } .sc_socials .sc_socials_item { margin-right: 3px; } .sc_socials a, .sc_socials a .sc_socials_hover, .sc_socials.sc_socials_size_small a, .sc_socials.sc_socials_size_small a .sc_socials_hover { width: 43px; height: 43px; } .sc_socials_item a:hover { background: url(images/icon_bg_hover.png) no-repeat !important; -webkit-transition: all linear .6s; -moz-transition: all linear .6s; -o-transition: all linear .6s; -ms-transition: all linear .6s; transition: all linear .6s; } /* 2.1 Common colors -------------------------------------------------------------- */ /* Portfolio hovers */ .post_content.ih-item.circle.effect1.colored .info, .post_content.ih-item.circle.effect2.colored .info, .post_content.ih-item.circle.effect3.colored .info, .post_content.ih-item.circle.effect4.colored .info, .post_content.ih-item.circle.effect5.colored .info .info-back, .post_content.ih-item.circle.effect6.colored .info, .post_content.ih-item.circle.effect7.colored .info, .post_content.ih-item.circle.effect8.colored .info, .post_content.ih-item.circle.effect9.colored .info, .post_content.ih-item.circle.effect10.colored .info, .post_content.ih-item.circle.effect11.colored .info, .post_content.ih-item.circle.effect12.colored .info, .post_content.ih-item.circle.effect13.colored .info, .post_content.ih-item.circle.effect14.colored .info, .post_content.ih-item.circle.effect15.colored .info, .post_content.ih-item.circle.effect16.colored .info, .post_content.ih-item.circle.effect18.colored .info .info-back, .post_content.ih-item.circle.effect19.colored .info, .post_content.ih-item.circle.effect20.colored .info .info-back, .post_content.ih-item.square.effect1.colored .info, .post_content.ih-item.square.effect2.colored .info, .post_content.ih-item.square.effect3.colored .info, .post_content.ih-item.square.effect4.colored .mask1, .post_content.ih-item.square.effect4.colored .mask2, .post_content.ih-item.square.effect5.colored .info, .post_content.ih-item.square.effect6.colored .info, .post_content.ih-item.square.effect7.colored .info, .post_content.ih-item.square.effect8.colored .info, .post_content.ih-item.square.effect9.colored .info .info-back, .post_content.ih-item.square.effect10.colored .info, .post_content.ih-item.square.effect11.colored .info, .post_content.ih-item.square.effect12.colored .info, .post_content.ih-item.square.effect13.colored .info, .post_content.ih-item.square.effect14.colored .info, .post_content.ih-item.square.effect15.colored .info, .post_content.ih-item.circle.effect20.colored .info .info-back, .post_content.ih-item.square.effect_book.colored .info { background: #a3ad21; /*Categories list*/ } .post_content.ih-item.circle.effect1.colored .info, .post_content.ih-item.circle.effect2.colored .info, .post_content.ih-item.circle.effect5.colored .info .info-back, .post_content.ih-item.circle.effect19.colored .info, .post_content.ih-item.square.effect4.colored .mask1, .post_content.ih-item.square.effect4.colored .mask2, .post_content.ih-item.square.effect6.colored .info, .post_content.ih-item.square.effect7.colored .info, .post_content.ih-item.square.effect12.colored .info, .post_content.ih-item.square.effect13.colored .info, .post_content.ih-item.square.effect_dir.colored .info, .post_content.ih-item.square.effect_shift.colored .info { background: rgba(29, 187, 144, 0.6); } .post_content.ih-item.circle.effect17.colored:hover .img:before { box-shadow: inset 0 0 0 110px #1eaace, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 110px rgba(29, 187, 144, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); } .post_content.ih-item.circle.effect1 .spinner { border-right-color: #1dbb90; border-bottom-color: #1dbb90; } /*+ General Colors */ /*+==================== Color 1 ======================*/ /*+--------------------- #2e2623 +---------------------*/ .menu_main_wrap .menu_main_nav>li ul li a, .menu_main_wrap .menu_main_nav>li ul li.current-menu-item>a, .menu_main_wrap .menu_main_nav>li ul li.current-menu-ancestor>a, .scroll_to_top:hover, .contacts_wrap.bg_tint_dark.contacts_style_dark, .top_panel_wrap.bg_tint_light { background-color: #2e2623 !important; } /*+==================== Color 2 ======================*/ /*+--------------------- #a3ad21 +---------------------*/ a:hover, .post_title a:hover b, .sc_tooltip_parent, .search_wrap.search_style_regular .search_form_wrap .search_submit, .search_wrap.search_style_regular .search_icon, .search_results .post_more, .search_results .search_results_close, .search_results .post_more:hover, .search_results .search_results_close:hover, .booking_back_today a, .post_item_related .post_title a:hover, .post_item_404 .page_subtitle, .post_item.post_item_404 .page_description a, .post_author .post_author_title a:hover, .comment_reply .comment-reply-link, .post_info_single .post_info_fields a:hover, .post_info_item a, .widget_area ul li:before, .widget_area .widget_rss li>a:hover, .icon-comment-1:before, .widget_top10 .icon-star-1:before, .sidemenu_button:hover span, .sidemenu_button:hover .icon-menu-1:before, .widget_area .widget_text a:hover, .widget_area .post_info a:hover, .menu_main_wrap .menu_main_nav .current-menu-ancestor>a, .menu_main_wrap .menu_main_nav .current-menu-item>a, .menu-item .menu-item-type-post_type a:hover, .menu-item .menu-item-type-custom a:hover, .menu-item .menu-item-object-category a:hover, .menu_main_wrap .menu_main_nav>li:hover>a, .search_wrap.search_opened .search_icon:before, .widget_area .widget_calendar td a:hover:after, .sidemenu_button:hover .icon-menu-1:before, .widget_area .widget_product_tag_cloud a:hover, .widget_area .widget_tag_cloud a:hover, .wp-block-tag-cloud a:hover, .widget_area .widget_twitter ul li:before, .post_item_news .post_title a:hover { color: #a3ad21; } .post_item_related:hover .related_active_post, .sc_countdown.sc_countdown_style_2 .sc_countdown_digits span, .sc_dropcaps.sc_dropcaps_style_1 .sc_dropcaps_item, .sc_highlight_style_2, .sc_highlight_style_2 p, .sc_price_block_money, .sc_skills_bar.sc_skills_2 .sc_skills_item .sc_skills_count, .sc_skills_bar.sc_skills_3 .sc_skills_item .sc_skills_count, .widget .sc_tabs_titles li.sc_tabs_title a:hover, .widget .sc_tabs_titles li.sc_tabs_title.ui-state-active a { background-color: #a3ad21 !important; } .search_wrap.search_style_regular.search_opened, .sc_highlight_style_2, .sc_highlight_style_2 p { border-color: #a3ad21; } /*+--------------------- #8a940a +---------------------*/ .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info { color: #8a940a; } .sc_contact_form.sc_contact_form_standard.contact_form_slider .sc_contact_form_button button, .sc_price_block .sc_price_block_title, .sc_contact_form.sc_contact_form_standard .sc_contact_form_button button, .wpcf7-form input[type="submit"] { background-color: #8a940a; } .wpcf7-form input[type="submit"]:hover { background-color: #f9a61b; } /*+--------------------- #89930a +---------------------*/ .picker__month, .picker__year { color: #89930a; } .comments_wrap .form-submit input[type="submit"], .comments_wrap .form-submit input[type="button"], .menu_main_wrap .menu_main_nav_area .menu_main_responsive, .pagination_viewmore>a, .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before, .page_search .search_wrap .search_form_wrap .search_submit, .page_search .search_wrap .search_form_wrap .search_submit, .sc_contact_form_order .sc_contact_form_button button:hover { background-color: #89930a; } /*+--------------------- #98bd15 +---------------------*/ .widget_area .widget_calendar .today .day_wrap, .wp-block-calendar .today .day_wrap { background-color: #98bd15; } .widget_area .widget_calendar .today .day_wrap, .wp-block-calendar .today .day_wrap { border-color: #98bd15; } /*+==================== Color 3 ======================*/ /*+--------------------- #f9a61a +---------------------*/ .hover_icon_link:before, .sidemenu_button, .sidemenu_wrap a:hover, .hover_icon_view:before, .hover_icon_link:before, .top_panel_style_light .content .search_wrap.search_style_regular .search_form_wrap .search_submit, .top_panel_style_light .content .search_wrap.search_style_regular .search_icon, .top_panel_style_light .content .search_wrap.search_style_regular .search_form_wrap .search_submit:hover, .top_panel_style_light .content .search_wrap.search_style_regular .search_icon:hover, .widget_area ul li:hover:before, .widget_area button:hover:before, .sc_skills_counter .sc_skills_style_3, .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_info, .sc_countdown.sc_countdown_style_1 .sc_countdown_digits, .sc_countdown.sc_countdown_style_1 .sc_countdown_separator, .sc_list_style_iconed li:before, .sc_list_style_iconed .sc_list_icon, aside.widget_categories ul li.cat-item:hover a:before, .menu_user_contact_area_phone:before { color: #f9a61a !important; } .blockquote_1, .comments_form_wrap .comment-respond .form-submit .submit:hover, .post_item.post_item_404 .page_description a:hover, .page_search .search_wrap .search_form_wrap .search_submit:hover, .scroll_to_top, .sc_accordion .sc_accordion_item .sc_accordion_title.ui-accordion-header.ui-state-default.ui-accordion-header-active.ui-state-active.ui-corner-top.ui-accordion-icons span.sc_accordion_icon, .sc_audio .sc_audio_container .mejs-controls .mejs-button, .mejs-controls .mejs-button, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-current, .post_item_excerpt .sc_button:hover, .post_item_news .sc_button:hover, .sc_dropcaps.sc_dropcaps_style_2 .sc_dropcaps_item, .sc_highlight_style_1, .sc_highlight_style_1 p, .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info, .custom_options #co_toggle, .sc_skills_bar.sc_skills_1 .sc_skills_item .sc_skills_count { background-color: #f9a61a !important; } .blockquote_1, .comments_form_wrap .comment-respond .form-submit .submit:hover, .post_item.post_item_404 .page_description a:hover, .page_search .search_wrap .search_form_wrap .search_submit:hover, .scroll_to_top, .sc_accordion .sc_accordion_item .sc_accordion_title.ui-accordion-header.ui-state-default.ui-accordion-header-active.ui-state-active.ui-corner-top.ui-accordion-icons span.sc_accordion_icon, .sc_audio .sc_audio_container .mejs-controls .mejs-button, .post_item_excerpt .sc_button:hover, .post_item_news .sc_button:hover, .sc_dropcaps.sc_dropcaps_style_2 .sc_dropcaps_item, .sc_highlight_style_1, .sc_highlight_style_1 p, .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info, .sc_slider_controls_wrap a:hover, .post_item_news .field_button_comments .button_news_comments:hover, .post_item_excerpt .field_button_comments .button_news_comments:hover { border-color: #f9a61a; } /*+--------------------- #e89300 +---------------------*/ .sc_tabs ul.sc_tabs_titles li.sc_tabs_title.ui-state-active a, .sc_tabs ul.sc_tabs_titles li a:hover { background-color: #e89300; } /* Tables */ .sc_table table { color: #222222; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sc_table table th, .sc_table table td { padding: 1em; } .sc_table table td:first-child { padding: 1em 0.5em; font-family: 'Roboto'; font-weight: 700; } .sc_table table th:first-child { padding: 1em 0.5em; width: 8% !important; } .sc_table table tr:first-child { background-color: #f7f7f8; color: #453b36; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 1em; line-height: 3.2em; font-weight: 700; padding-top: 0.5em; padding-bottom: 0.5em; text-transform: uppercase; font-family: 'Roboto'; } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { overflow: hidden; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; } .sc_table table tr:hover { background-color: #f4f5e4; } /* Table of contents */ pre.code, #toc .toc_item.current, #toc .toc_item:hover { border-color: #1eaace; } #toc .toc_description { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ::selection, ::-moz-selection { color: #fff; background-color: #27201e; } /*+ Color settings ----------------------------------------------------*/ /*+ General effects ---------------------------------------------------*/ /* Shade Hover image in blog Hover video*/ .hover_icon_view:before, .hover_icon_link:before { content: '\E814'; } .hover_icon:after, .sc_video_play_button:hover:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 0; opacity: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .hover_icon:hover:after, .sc_video_play_button:hover:after { opacity: 1; } .template_aurora .hover_icon:after { display: none; } /* Hovers for images and videos */ .hover_icon { display: block; } .hover_icon:before, .sc_video_play_button:before { font-family: 'fontello'; font-size: 4em; cursor: pointer; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; filter: alpha(opacity=0); margin-top: 100px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .hover_icon:hover:before, .sc_video_play_button:hover:before { opacity: 1; filter: alpha(opacity=1); margin-top: 0; } .hover_icon_play:before { content: '\E999'; } .hover_icon_link:before { content: '\E82F'; } .hover_icon_zoom:before { content: '\e823'; } .hover_icon_view:before { content: '\e814'; } /* 3. Form fields settings -------------------------------------------------------------- */ input[type="tel"], input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], textarea, .select2-container--default .select2-selection--single { border: none; background-color: #f8f8f8; } textarea, input[type="submit"], input[type="tel"], input[type="text"], input[type="email"], input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #7e7876; } input[type="checkbox"]:not(.input-checkbox) { display: none; } label>input[type="checkbox"] { display: inline-block !important; } input[type="checkbox"]+label { position: relative; padding-left: 2em; line-height: 1.5em; } input[type="checkbox"]+label:before { content: ' '; font-family: fontello; display: block; position: absolute; text-align: center; top: -2px; left: 0; width: 1.25em; height: 1.25em; border: 1px solid #ebebeb; background-color: #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type="checkbox"]:checked+label:before { content: '\e8ab'; } .sc_list_style_iconed [class^="icon-"]:before, .sc_list_style_iconed [class*=" icon-"]:before { font-size: 1.8em; } /*+ 4. General style skin -------------------------------------------------------------------------------------------*/ /* Css header */ .menu_main_wrap .logo { margin-top: 15px; } .navigation_and_search_field { margin-top: 1.4em; height: 57px; } .page_top_wrap.page_top_title .breadcrumbs { padding-top: 4em; } .page_top_wrap .breadcrumbs .breadcrumbs_delimiter:before { content: '/'; padding: 0 0.3em; } .sc_socials.sc_socials_size_tiny a, .sc_socials.sc_socials_size_tiny a .sc_socials_hover { width: 43px; height: 42px; } /* 7. Section's decorations -------------------------------------------------------------- */ /* If in the Theme options set "Body filled", else - leave this sections transparent */ .body_filled.article_style_boxed .footer_wrap.bg_tint_light, .body_filled.article_style_boxed .widget_area.sidebar_style_light, .body_filled .widget_area.sidebar_style_white, .body_filled .widget_area.footer_style_white, .body_filled .copy_wrap, .body_filled .page_wrap { background-color: #ffffff; } .body_style_fullscreen .content>article.page { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .menu_user_wrap { background-color: rgba(22, 13, 10, 0.4); } .sidebar { background-color: #f7f7f7 !important; } .article_style_boxed.layout_excerpt .content, .article_style_boxed[class*="single-"] .content>article, .article_style_boxed[class*="single-"] .content>.comments_wrap, .article_style_boxed .sidebar, .body_filled .widget_area.sidebar_style_light, .body_filled .widget_area.sidebar_style_dark { padding: 0em; } .sidebar aside { padding: 0 3.076em 3.076em 3.076em; } .sidebar aside.widget_media_audio { padding-top: 2em; } /* 7.1 User and main menu -------------------------------------------------------------- */ /* User and main menu */ .menu_user_wrap { font-size: 0.923em; font-family: 'Roboto'; font-weight: 300; color: #7e7876; min-height: 3.3em; } .menu_user_wrap .menu_user_contact_area { display: inline-block; margin-top: .6em; } .menu_user_contact_area_email { float: left; color: #7e7876; } .menu_user_contact_area_email:before { content: '\E920'; font-family: 'fontello'; padding-right: 0.5em; } .menu_user_contact_area_phone { float: right; margin-right: 0.8em; color: #fffefe; } .menu_user_contact_area_phone:before { font-family: 'fontello'; padding-right: 0.5em; } /* Main menu */ .menu_main_nav { display: inline-block; } .menu_left .menu_main_wrap .menu_main_nav_area, .menu_center .menu_main_wrap .menu_main_nav_area { margin-top: 1.2em; } .responsive_menu.menu_left .menu_main_wrap .menu_main_nav_area, .responsive_menu.menu_center .menu_main_wrap .menu_main_nav_area { margin-bottom: 1em; } .top_panel_fixed .menu_main_wrap .menu_main_nav_area { margin-top: 3.5em; } .top_panel_fixed .menu_main_wrap .search_wrap { margin-top: 0.4em; margin-bottom: 0; } .top_panel_fixed.menu_center .menu_main_wrap .menu_main_nav_area { margin-top: 1em; } .menu_user_wrap .menu_user_nav>li { height: 2.1428em; line-height: 2.1428em; } .menu_user_wrap .menu_user_nav>li a { font-weight: 400; } .top_panel_below .menu_user_wrap .menu_user_nav>li { margin-top: 0; padding-top: 0; } .top_panel_fixed.top_panel_style_light .top_panel_wrap, .top_panel_fixed.top_panel_over.top_panel_opacity_transparent .top_panel_wrap { -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .top_panel_fixed.top_panel_over.top_panel_opacity_transparent .top_panel_wrap { background-color: rgba(32, 24, 22, 0.8); } .menu_main_wrap .menu_main_nav>li { font-weight: 700; font-size: 0.875em; } .menu_main_wrap .menu_main_nav>li>a { text-transform: uppercase; font-family: 'Roboto'; font-size: 1.059em; line-height: 1.3076em; letter-spacing: 0.08em; } .menu_user_wrap .menu_user_nav>li>a, .menu_main_wrap .menu_main_nav>li>a { display: block; padding: 0 1.384em; } .menu_main_wrap .menu_main_nav>li>a { line-height: 2.5em; } .menu_main_wrap .menu_main_nav li>a { color: #ffffff; font-weight: 500; } .menu_user_wrap .menu_user_nav>li li, .menu_main_wrap .menu_main_nav>li li { line-height: 2em; } .menu_main_wrap .menu_main_nav>li li li { line-height: 0.1em; } .top_panel_style_light .menu_main_wrap .logo a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li>a { color: #a2ac21; } .top_panel_style_light .menu_main_wrap .menu_main_nav>li:hover>a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li.sfHover>a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li#blob>a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li.current-menu-ancestor>a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li.current-menu-item>a, .top_panel_style_light .menu_main_wrap .menu_main_nav>li.current-menu-parent>a { color: #ffffff; } .menu_user_wrap .menu_user_nav>li a, .menu_user_wrap .menu_user_nav>li ul a { color: #7e7876; } .menu_user_wrap .menu_user_nav>li a.button.wc-forward, .menu_user_wrap .menu_user_nav>li a.button.wc-forward { color: #fff; } .menu_user_wrap .menu_user_nav>li ul { width: 160px; padding: 8px 0; } .menu_main_wrap .menu_main_nav>li#blob a, .menu_main_wrap .menu_main_nav>li.current-menu-item, .menu_main_wrap .menu_main_nav>li.current-menu-parent, .menu_main_wrap .menu_main_nav>li.current-menu-ancestor, .menu_main_wrap .menu_main_nav>li ul { color: #ffffff; } .menu_main_wrap .menu_main_nav>li ul { min-width: 200px; } .menu_user_wrap .menu_user_nav>li>ul { left: 0; top: 33px; } .menu_main_wrap .menu_main_nav>li>ul { left: 0; top: 2.654em; padding: 2.654em 0 0 0; text-align: left; } .menu_user_wrap .menu_user_nav>li>ul ul { left: 164px; top: -8px; } .menu_main_wrap .menu_user_nav>li>ul ul.submenu_left { left: -161px; } .menu_main_wrap .menu_main_nav>li>ul ul { left: 200px; top: 0; padding-left: 0.5em; } .menu_main_wrap .menu_main_nav>li>ul ul.submenu_left { left: -221px; } .menu_main_wrap .menu_main_nav li>ul li:first-child a { padding-top: 1.5em; } .menu_main_wrap .menu_main_nav li>ul li:last-child a { padding-bottom: 1.5em; } .menu_main_wrap .menu_main_nav li>ul li:first-child a:after { top: 1.5em; } .menu_user_wrap .menu_user_nav>li ul li a:hover, .menu_user_wrap .menu_user_nav>li ul li.current-menu-item>a, .menu_user_wrap .menu_user_nav>li ul li.current-menu-ancestor>a { background-color: #cc8b00; } .menu_main_wrap .menu_main_nav>li ul li a, .menu_main_wrap .menu_main_nav>li ul li.current-menu-item>a, .menu_main_wrap .menu_main_nav>li ul li.current-menu-ancestor>a { font-family: 'Roboto'; font-weight: 300; font-size: 1.1428em; } .menu_user_wrap .menu_user_nav li a:before, .menu_main_wrap .menu_main_nav li a:before { margin-right: 0.5em; } .menu_user_wrap .menu_user_nav>li.menu_user_register, .menu_user_wrap .menu_user_nav>li.menu_user_login, .menu_user_wrap .menu_user_nav>li.menu_user_logout { color: #978a84; } .menu_user_wrap .menu_user_nav>li.menu_user_controls .user_avatar { border: 1px solid #fff; border-radius: 50%; display: inline-block; margin-right: 0.4em; overflow: hidden; vertical-align: middle; width: 16px; height: 16px; line-height: 16px; } /* White line under menu in the OVER mode */ .top_panel_over.top_panel_opacity_transparenttop_panel_opacity_transparent .menu_main_wrap .content_wrap { position: relative; } .top_panel_over.top_panel_opacity_transparent .menu_main_wrap .content_wrap:after { content: ' '; display: block; width: 100%; height: 0.4em; position: absolute; left: 0; right: 0; top: 7.25em; } .top_panel_over.top_panel_opacity_transparent.menu_relayout .menu_main_wrap .content_wrap:after { top: 5em; } .top_panel_fixed.top_panel_over.top_panel_opacity_transparent.top_panel_style_dark .menu_main_wrap .content_wrap:after { display: none; } /* Responsive menu */ .bg_tint_light .menu_main_responsive_button { color: #ffffff; } .bg_tint_light .menu_main_responsive_button:hover { color: #ffb20e; } .bg_tint_dark .menu_main_responsive_button { color: #ffffff; } .bg_tint_dark .menu_main_responsive_button:hover { color: #ffffff; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .menu_main_wrap .menu_main_nav_area .menu_main_responsive li, .menu_main_wrap .menu_main_nav_area .menu_main_responsive a { color: #ffffff; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive a:hover { background-color: rgba(0, 0, 0, 0.5); } /* Search field */ .search_opened .search_icon:before { content: '\e82a'; } .search_wrap.search_style_regular { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .search_wrap.search_opened .search_icon:before { font-size: 22px; } .search_wrap .search_icon:before { font-size: 24px; color: #676758; } .search_wrap .search_icon { width: 2.7em; } .bg_tint_dark .search_wrap.search_style_regular .search_form_wrap .search_submit, .bg_tint_dark .search_wrap.search_style_regular .search_icon, .bg_tint_dark .search_wrap.search_style_regular .search_form_wrap .search_field { color: #ffffff; } .bg_tint_dark .search_wrap.search_style_regular .search_form_wrap .search_submit:hover, .bg_tint_dark .search_wrap.search_style_regular .search_icon:hover { color: #ffffff !important; } /* Search results */ .search_wrap .search_results { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* 7.2 Slider --------------------------------------------------------------------------------------------------------------------- */ .tparrows.default { display: none; /* Remove this row if you want display slides navigation arrows */ background: none; background-color: transparent; line-height: 40px; color: #ffffff; } .tparrows.default:before { font-family: "fontello"; font-size: 3em; } .tp-leftarrow.default:before { content: '\e810'; } .tp-rightarrow.default:before { content: '\e80f'; } .tp-bullets.simplebullets.round .bullet { background: none; width: 10px; height: 10px; margin-left: 16px; background-color: #ffffff; border: 1px solid transparent; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .tp-bullets.simplebullets.round .bullet.selected { background-color: transparent; border: 1px solid #ffffff; } /* 7.3 Top panel: Page title and breadcrumbs -------------------------------------------------------------- */ /* Top panel */ .top_panel_wrap { position: relative; } .page_top_wrap { overflow: hidden; background-color: #f8f8f8; } .top_panel_over .top_panel_wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10000; } .top_panel_over.top_panel_opacity_transparent.top_panel_style_dark .menu_main_wrap .content_wrap:after { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .admin-bar.top_panel_over .top_panel_wrap { top: 32px; } .top_panel_fixed_wrap { display: none; } .top_panel_fixed:not(.top_panel_over) .top_panel_fixed_wrap { display: block; } .top_panel_fixed .top_panel_wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; } .top_panel_fixed .menu_user_wrap { display: none; } .admin-bar.top_panel_fixed .top_panel_wrap { top: 32px; } .menu_user_wrap .menu_user_nav_area ul, .menu_main_wrap .menu_main_nav_area ul { margin: 0; padding: 0; list-style-type: none; } .menu_user_wrap .menu_user_nav li, .menu_main_wrap .menu_main_nav li { margin-bottom: 0; position: relative; } .menu_user_wrap .menu_user_nav li li>a, .menu_main_wrap .menu_main_nav li li>a { position: relative; display: block; padding: .5em 2em; } .menu_user_wrap .menu_user_nav li li.current-menu-item>a:before, .menu_main_wrap .menu_main_nav li li.current-menu-item>a:before { content: ''; margin-left: -6px; } .menu_user_wrap .menu_user_nav li li.menu-item-has-children>a:after, .menu_main_wrap .menu_main_nav li li.menu-item-has-children>a:after { content: '\E962'; font-family: 'fontello'; position: absolute; right: 1em; top: 6px; } .menu_main_wrap .menu_main_nav>li { position: relative; float: left; margin-left: 0.5em; z-index: 20; } .menu_user_wrap .menu_user_nav>li { float: right; margin-top: .6em; } .menu_main_wrap .menu_main_nav>li+li { z-index: 19; } .menu_main_wrap .menu_main_nav>li+li+li { z-index: 18; } .menu_main_wrap .menu_main_nav>li+li+li+li { z-index: 17; } .menu_main_wrap .menu_main_nav>li+li+li+li+li { z-index: 16; } .menu_main_wrap .menu_main_nav>li+li+li+li+li+li { z-index: 15; } .menu_main_wrap .menu_main_nav>li+li+li+li+li+li+li { z-index: 14; } .menu_main_wrap .menu_main_nav>li+li+li+li+li+li+li+li { z-index: 13; } .menu_main_wrap .menu_main_nav>li+li+li+li+li+li+li+li+li { z-index: 12; } .menu_main_wrap .menu_main_nav>li+li+li+li+li+li+li+li+li+li { z-index: 11; } .menu_user_wrap .menu_user_nav>li { z-index: 30; } .menu_user_wrap .menu_user_nav>li+li { z-index: 29; } .menu_user_wrap .menu_user_nav>li+li+li { z-index: 28; } .menu_user_wrap .menu_user_nav>li+li+li+li { z-index: 27; } .menu_user_wrap .menu_user_nav>li+li+li+li+li { z-index: 26; } .menu_user_wrap .menu_user_nav>li+li+li+li+li+li { z-index: 25; } .menu_user_wrap .menu_user_nav>li+li+li+li+li+li+li { z-index: 24; } .menu_user_wrap .menu_user_nav>li+li+li+li+li+li+li+li { z-index: 23; } .menu_user_wrap .menu_user_nav>li+li+li+li+li+li+li+li+li { z-index: 22; } .menu_user_wrap .menu_user_nav>li+li+li+li+li+li+li+li+li+li { z-index: 21; } .menu_user_wrap .menu_user_nav>li ul, .menu_main_wrap .menu_main_nav>li ul { position: absolute; display: none; z-index: 10000; } /* Main menu slider */ .menu_main_wrap .menu_main_nav>li#blob { position: absolute; top: 0; z-index: 1; opacity: 0; } .menu_main_wrap .menu_main_nav>li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover, .menu_main_wrap .menu_main_nav>li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor).sfHover { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sub-menu li { display: block; } /* Bookmarks */ .menu_user_wrap .menu_user_nav>li.menu_user_bookmarks { margin-left: 2.5em; } .menu_user_wrap .menu_user_nav>li.menu_user_bookmarks>a:before { margin-right: 0; } .menu_user_wrap .menu_user_nav>li.menu_user_bookmarks li>a { position: relative; } .menu_user_wrap .menu_user_nav>li.menu_user_bookmarks .bookmarks_add { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .menu_user_wrap .menu_user_nav>li.menu_user_bookmarks .bookmarks_delete { position: absolute; right: 0; top: 50%; margin-top: -0.5em; margin-right: 0.5em; width: 1em; height: 1em; line-height: 1em; font-size: 1.25em; } /* Logo in the header */ .menu_main_wrap .logo { max-width: 25%; margin-top: 1.9em; } .menu_left .menu_main_wrap .logo, .menu_center .menu_main_wrap .logo { float: none; margin-bottom: 0; max-width: 100%; } .menu_left .menu_main_wrap.logo_center .logo, .menu_center .menu_main_wrap.logo_center .logo { text-align: center; } .menu_left .menu_main_wrap.logo_right .logo, .menu_center .menu_main_wrap.logo_right .logo { text-align: right; } .menu_main_wrap .logo_main { max-height: 150px; width: auto; } .menu_center .menu_main_wrap .logo_main, .menu_left .menu_main_wrap .logo_main { margin: .3em 0 1.4em 0; } .menu_main_wrap .logo a { font-size: 1.5em; } .logo .logo_text { font-size: 3.2em; } .bg_tint_dark .logo .logo_text { line-height: 1.25em; font-size: 32px; font-weight: 400; display: block; } .top_panel_fixed .menu_main_wrap .logo_main { display: none; } .menu_main_wrap .logo_fixed { display: none; max-height: 42px; width: auto; } .top_panel_fixed .menu_main_wrap .logo_fixed { display: inline-block; margin-top: 1em; } /* Responsive menu */ .menu_main_responsive_button { display: none; float: right; margin-top: 1.875em; margin-left: 1em; } .menu_main_responsive_button:before { font-size: 2.25em; line-height: 1.25em; } .responsive_menu .menu_main_responsive_button { display: block; margin: auto; width: 100%; text-align: center; } .responsive_menu .menu_main_wrap { overflow: hidden; width: 100%; } .responsive_menu .menu_main_nav_area { float: none; clear: both; height: auto !important; } .responsive_menu .menu_main_nav_area .menu_main_nav { display: none !important; } .menu_main_nav_area .menu_main_responsive { display: none; text-align: left; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive { padding: 1em 1.2em 0.5em; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive ul { margin: 0.5em 0 0 2em; display: none; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive li.menu-item-has-children { position: relative; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive li.menu-item-has-children:after { content: '\E82B'; font-family: 'fontello'; position: absolute; right: 0; top: 0; width: 1em; height: 1.3em; line-height: 1.3em; margin: 0.5em 0.5em 0 0; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive li.menu-item-has-children.opened:after { content: '\e82a'; color: #000000; } .menu_main_wrap .menu_main_nav_area .menu_main_responsive a { font-size: 1.25em; font-weight: 400; padding: 0.3em 0.5em; display: block; } /* Search field */ .menu_main_wrap .position_search { display: inline-block; } .menu_main_wrap .search_wrap { position: relative; max-width: 12.5em; min-width: 2.5em; height: 2.5em; line-height: 1.5em; border: 2px solid transparent; } .menu_left .menu_main_wrap .search_wrap, .menu_center .menu_main_wrap .search_wrap { float: none; } .menu_main_wrap .search_wrap { display: inline-block; margin-left: 0em; min-width: 2.5em; margin-top: 0.5em; } .menu_left .menu_main_wrap .search_wrap, .menu_center .menu_main_wrap .search_wrap { margin-top: .4em; margin-bottom: 0; vertical-align: top; margin-right: 0; } .search_wrap .search_icon { position: absolute; display: block; right: .2em; top: .5em; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_wrap .search_form_wrap { display: none; position: relative; width: 12.5em; padding-right: 2.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search_wrap.search_fixed .search_form_wrap { display: block; width: 100%; padding-right: 0; } .search_wrap.search_fixed .search_form_wrap .search_field { width: 100%; } .search_wrap.search_fixed .search_icon { display: none; } .search_wrap.search_opened .search_form_wrap { display: inline-block; } .menu_main_wrap .search_wrap .search_form_wrap .search_field { position: absolute; left: 0; top: -1em; border: none; z-index: 1; width: 10em; padding-left: 1em; } .search_wrap.search_style_regular .search_form_wrap .search_field { background: none; } .search_wrap .search_form_wrap .search_submit { display: none; } /* Footer sidebar area*/ .widget_area .post_item { overflow: hidden; } .widget_area aside .post_item+.post_item, .search_results.widget_area .post_item+.post_item { margin-top: 0.923em; padding-top: 1em; } .search_results.widget_area .post_item+.post_item { border-top: 1px solid #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .widget_area .post_item .post_content { overflow: hidden; } .widget_area .post_item .post_thumb { float: left; width: 6.923em; /*90px*/ height: 5.384em; /*70px*/ margin: 0.2em 1.25em 4px 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; } .widget_area .post_item .post_thumb:hover:before { content: ''; position: absolute; z-index: 10; background: rgba(0, 0, 0, .5) url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; } .widget_area .post_item .post_thumb img { width: 100%; } .widget_area .post_item .post_title { margin: 0px; } .widget_area .post_item .post_info { font-size: 0.95em; margin-bottom: 0; margin-top: 10px; } .widget_area .post_item .post_info .post_info_item+.post_info_item:before { content: ""; margin: 0 0 0 5px; } /* Blockquotes */ .blockquote_1 p { color: #fff; } .blockquote_1 a { color: #fff; } blockquote::before { color: rgba(255, 255, 255, 0.1); } .blockquote_2 { background-color: #f8f8f8; border-left: 2px solid #a3ad21; } .blockquote_2 p { color: #453b36; } .blockquote_2 a { color: #453b36; } .blockquote_2::before { display: none; } .category-posts-blog-stream-page blockquote { margin: 0 0 2em 0 !important; } /* 7.4 Main content wrapper -------------------------------------------------------------- */ /* Blog pagination */ .pagination>a { border-color: #a3ad21; } /* 7.5 Post formats -------------------------------------------------------------- */ /* Aside */ .post_format_aside.post_item_single .post_content p, .post_format_aside .post_descr { background: #ffffff; } /* 7.6 Posts layouts -------------------------------------------------------------- */ /* Related posts */ .post_item_related .post_title a { font-family: 'Merriweather'; font-size: 0.805em; text-align: left; } .related_wrap .column_padding_bottom { padding-right: 30px; padding-bottom: 0px !important; } .related_wrap .post_item .post_featured .hover_icon:before { content: ''; position: absolute; background: url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; z-index: 10; margin: 0px; left: 0%; top: 0%; -webkit-transform: none; -moz-transform: none; transform: none; } .post_item_related:hover .related_active_post { width: 15em; height: 3px; position: absolute; bottom: -2px; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; } .related_wrap .columns_wrap { border-bottom: 1px solid #eee; position: relative; } /* Masonry and Portfolio */ .article_style_boxed .isotope_wrap .isotope_item .post_featured, .isotope_wrap .isotope_item_courses_1 .post_featured { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ih-item.square .info { overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Isotope filters */ .sc_blogger .isotope_filters { overflow: hidden; text-align: center; } .sc_blogger .isotope_filters a { font-family: 'Roboto'; font-size: 0.967em; text-transform: uppercase; font-weight: 300; border: none; color: #bcaea7; background-color: #f4f2f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 1.25em 2.5em; margin: 1em 1em 2em 0; } .sc_blogger .isotope_filters a.active, .sc_blogger .isotope_filters a:hover { background-color: #e89300; color: #fff; } /* Portfolio hovers */ .ih-item.square { overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .ih-item.square.effect1 .img, .ih-item.square.effect1 .info, .ih-item.square.effect5 .img, .ih-item.square.effect9 .img, .ih-item.square.effect14 .img, .ih-item.square.effect_shift .img, .ih-item.square.effect_shift .info { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ih-item.square.effect3 .info { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* 7.7 Paginations -------------------------------------------------------------- */ /* Style 'Pages' and 'Slider' */ .pagination_wrap { font-family: 'Roboto'; } .pagination_single>.pager_numbers, .pagination_single a, .pagination_single .current, .pagination_slider .pager_cur, .pagination_pages>a, .pagination_pages>span { border: 2px solid #e8e8e8; color: #ffffff; background-color: #e8e8e8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination_single>.pager_numbers, .pagination_single a:hover, .pagination_single .current, .pagination_slider .pager_cur:hover, .pagination_slider .pager_cur:focus, .pagination_pages>.active, .pagination_pages>a:hover { color: #a2ac21; background-color: #ffffff; border-color: #a2ac21; } .pagination_slider .pager_slider { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pagination_wrap .pager_next, .pagination_wrap .pager_prev, .pagination_wrap .pager_last, .pagination_wrap .pager_first { border: none; background-color: transparent; color: #e8e8e8; } .pagination_wrap .pager_next:hover, .pagination_wrap .pager_prev:hover, .pagination_wrap .pager_last:hover, .pagination_wrap .pager_first:hover { color: #a2ac21; background-color: transparent; } .pagination_wrap .pager_next:before { font-family: fontello; content: '\E9B7'; margin-right: 0; } .pagination_wrap .pager_prev:before { font-family: fontello; content: '\E9B9'; margin-right: 0; } .pagination_wrap .pager_last:before { font-family: fontello; content: '\E9B7\E9B7'; margin-right: 0; letter-spacing: -7px; } .pagination_wrap .pager_first:before { font-family: fontello; content: '\E9B9\E9B9'; margin-right: 0; letter-spacing: -7px; } .pagination_slider .sc_slider_controls_wrap a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sc_slider_controls_wrap a:hover { background-color: #e2e2e2; } /* Style 'Load more' */ .pagination_viewmore>a { color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination_viewmore>a:hover { color: #ffffff; background-color: #ffb20e; } /* Loader picture */ .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* 8 Single page parts -------------------------------------------------------------- */ /* 8.1 Attachment and Portfolio post navigation ------------------------------------------------------------- */ .post_featured .post_nav_item { color: #ffffff; } .post_featured .post_nav_item:before { border-color: transparent; background-color: #1dbb90; color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .post_featured .post_nav_item .post_nav_info { background-color: #1dbb90; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } /* 8.2 Reviews block -------------------------------------------------------------- */ .reviews_block .reviews_summary .reviews_item { background-color: #a3ad21; } .reviews_block .reviews_max_level_100 .reviews_stars_hover, .reviews_block .reviews_item .reviews_slider { background-color: #a3ad21; } .reviews_block .reviews_item .reviews_stars_hover { color: #89930a; } /* Summary stars in the post item (under the title) */ .post_item:nth-child .post_rating .reviews_stars_bg, .post_item:nth-child .post_rating .reviews_stars_hover, .post_item:nth-child .post_rating .reviews_value { color: #ffb20e; } /* 8.3 Post author -------------------------------------------------------------- */ .post_author { background-color: #f8f8f8; } .post_author .post_author_title a { color: #453b36; } .post_author .post_author_avatar { width: 75px; height: 75px; } .post_author .post_author_info { padding-left: 104px; padding-top: 0.6em; } .post_author .sc_socials { margin-top: 1.2em; } /* 8.4 Comments -------------------------------------------------------- */ .comments_wrap .comment-respond { padding-bottom: 4px; } .comments_list_wrap>ul.comments_list { border-bottom: 1px solid #eee; padding-bottom: 2.35em; } .comments_list_wrap .comment_info { margin-bottom: 1.15em; } .comments_list_wrap .comment_info>.comment_date, .comments_list_wrap .comment_info>.comment_time { color: #9d9997; } .comments_list_wrap .comment_info>span.comment_author { color: #232121; font-size: 1.233em; font-family: 'Roboto'; font-weight: 700; margin-right: 3.22em; } .comment_reply { margin-top: 1.1em; } .comment_reply .comment-reply-link { font-size: 0.96em; font-style: italic; } .comment_reply .comment-reply-link:hover { color: #7e7876; } .comments_list_wrap .comment_text ul { list-style-type: disc; } .comments_list_wrap .comment_text ul ul { list-style-type: circle; } .comments_list_wrap .comment_text ul ul ul { list-style-type: square; } .top_panel_style_light .post_item_404 .page_title, .top_panel_style_light .post_item_404 .page_subtitle, .top_panel_style_light .post_item_404 .page_description, .top_panel_style_light .post_item_404 a { color: #ffffff; } /* 8.5 Page 404 -------------------------------------------------------------- */ .page_search .position_search { width: 100%; } .post_item_404 .page_title { font-family: "ABeeZee"; font-size: 18.461em; font-weight: 300; line-height: .92em; color: #f4f2f2; margin-top: 75px !important; padding: 0; } .post_item_404 .page_subtitle { font-family: "Roboto"; font-size: 2.307em; font-weight: 300; } .post_item_404 .page_description { margin-bottom: 4.3em; margin-top: 4em; color: #7e7876; } /* Search */ .post_item_404 .page_search .search_wrap { max-width: 35%; } .content .search_wrap.search_fixed .search_form_wrap .search_field { width: 70%; display: inline-block; height: 3.8em; background: #f4f2f2; } .page_search .search_wrap .search_form_wrap .search_submit { display: inline-block; height: 3.8em; width: 9em; color: #fff; float: right; } .page_search .search_wrap .icon-zoom-1:before { content: 'Search'; font-family: 'Roboto'; font-weight: 700; font-size: .968em; text-transform: uppercase; } /* Search results ------------------------------------------------------*/ .search_wrap { height: 3.8em; margin-bottom: 3em; } .search_wrap .search_results { display: none; position: absolute; z-index: 1000; right: 0; top: 5em; background-color: #f8f8f8; border: 1px dotted #89930a; padding: 1em; line-height: 1.5em; text-align: left; } .search_wrap .search_results:after { content: " "; width: 10px; height: 10px; background-color: #f8f8f8; border-left: 1px dotted #89930a; border-top: 1px dotted #89930a; position: absolute; top: -0.4em; right: 4em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search_wrap .search_results .search_results_close { position: absolute; top: .3em; right: .2em; display: block; text-align: center; overflow: hidden; font-size: 0.875em; width: 1.2em; height: 1.2em; line-height: 1.2em; cursor: pointer; } .search_wrap .post_more { display: block; text-align: center; } /* Search field inside content */ .content .search_wrap { max-width: 35%; margin: 0; } .content .search_wrap .search_form_wrap { width: 100%; position: relative; } .content .search_wrap .search_form_wrap .search_field { width: 82%; } .content .search_wrap .search_results { width: 93%; } /* 8.6 Fullscreen layout: Featured block -------------------------------------------------------------- */ .body_style_fullscreen .post_featured { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .body_style_fullscreen .post_featured .post_thumb_hover { background-color: rgba(2, 75, 94, 0.8); } .body_style_fullscreen .post_featured .post_button a { color: #e05100; background-color: #ffffff; } /* 8.7 Post Details -------------------------------------------------------------- */ /* 8.7.1 Category and Tags*/ .post_info_single { margin-top: 4em; margin-bottom: 4em; } .post_info_single .post_info_fields { font-family: 'Roboto'; font-weight: 700; font-size: 1em; color: #453b36; } .post_info_single .post_info_fields a { color: #938e8d; font-family: 'Merriweather'; } .post_info_single .post_info_cat { margin-bottom: 0.6em; } /* 9. Sidebars -------------------------------------------------------------- */ .sidebar_footer .content_wrap aside { padding-right: 20px; } /* Common rules */ .widget_area a, .widget_area ul li:before, .widget_area ul li a:hover, .widget_area button:before { color: #7e7876; /*#7e7876*/ } .widget_area a:hover, .widget_area ul li a, .widget_area button:hover:before, .widget_area ul li:before { color: #7e7876; } .widget_area .widget_meta ul li:before, .widget_area .widget_categories ul li:before, .widget_area .widget_recent_entries ul li:before, .widget_area .widget_archive ul li:before { font-size: 1.7em; color: #bac15b; } .widget_area .post_title a { color: #222222; } .widget_area .widget_text a, .widget_area .post_info a { color: #7e7876; } .widget_area .reviews_block .reviews_accept a { color: #fff; } .widget_area ul li { list-style-type: none; } .widget_area .widget_meta ul li:before, .widget_area .widget_recent_entries ul li:before, .widget_area .widget_archive ul li:before, .widget_area .widget_categories ul li:before { content: '\E9E7'; font-family: 'fontello'; position: absolute; left: 1px; top: 0; } /* Sidebar calendar*/ .widget_area .widget_recent_comments { color: #9d9997; } .widget_area .widget_recent_comments ul li:before { content: ''; } /* Sidebar category */ .widget_area .widget_categories ul li ul li:before { content: ''; } /* Widget: Recent Comments */ .widget_area .widget_recent_comments ul li { padding-left: 0px; border-bottom: 1px dashed #e3e3e4; padding-bottom: 21px; padding-top: 20px; } .widget_area .widget_recent_comments ul li:first-child { padding-top: 0px; } .widget_area .widget_recent_comments ul li:last-child { border-bottom: none; padding-bottom: 0px; } /* Widget: Search */ .widget_area .widget_product_search .search_form, .widget_area .widget_search .search_form { overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 2.5em 0 1.2em 0; } .widget_area.bg_tint_dark .widget_product_search .search_form, .widget_area.bg_tint_dark .widget_search .search_form { background-color: #666666; } .widget_area.bg_tint_light:not(.sidebar_style_white) .widget_product_search .search_form, .widget_area.bg_tint_light:not(.sidebar_style_white) .widget_search .search_form { background-color: #ffffff; } .widget_area .widget_product_search .search_field, .widget_area .widget_search .search_field { width: 100%; height: 50px; line-height: 35px; background: #ffffff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 4em 0 1.4em; } .widget_area .widget_product_search .search_button, .widget_area .widget_search .search_button { position: absolute; right: 16px; top: 8px; font-size: 1em; width: 30px; height: 35px; line-height: 35px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Widget: Calendar */ .widget_area .widget_calendar .today .day_wrap { border-width: 0.3076em; border-style: solid; border-radius: 50%; color: #fff; } .widget_area .widget_calendar td a:after { content: '\E9CC'; font-size: 2.5em; color: #dfe0e1; left: -11%; bottom: 0px; } .widget_area .widget_calendar td .day_wrap { display: block; position: relative; padding: 0.0769em 0.1538em; width: 1.846em; } /* Widget: Tag Cloud */ .widget_area .widget_product_tag_cloud a, .widget_area .widget_tag_cloud a, .wp-block-tag-cloud a { font-family: 'Roboto'; font-weight: 700; font-size: 0.8461em !important; letter-spacing: 0.06em; border: 2px solid #e5e5e8; color: #979797; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-transform: uppercase; padding: 0.5em 1.5em; } .widget_area .widget_product_tag_cloud a:hover, .widget_area .widget_tag_cloud a:hover, .wp-block-tag-cloud a:hover { background-color: transparent; } /* Widget: TERRA_ATMA Advertisement */ .widget_area .widget_advert .image_wrap { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Widget: TERRA_ATMA Flickr */ .flickr_badge_image a { display: inline-block; position: relative; height: 100%; width: 100%; } .widget_area .widget_flickr .flickr_badge_image a:hover:before { content: ''; position: absolute; z-index: 10; background: rgba(0, 0, 0, .5) url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; } /* Widget: TERRA_ATMA Instagram */ .null-instagram-feed .instagram-pics li { display: inline-block; padding-left: 0em; margin: 0 5px 5px 0; } .null-instagram-feed .instagram-pics li img { width: 6.9em; height: auto; } .null-instagram-feed .instagram-pics li:hover:before { content: ''; position: absolute; z-index: 10; background: rgba(0, 0, 0, .5) url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; } /* Left or Right sidebar */ .sidebar aside+aside { border-top: 1px solid #e3e3e4; margin-top: -17px; padding-top: 8px; } /* Widget: RSS */ .widget_area .widget_rss .widget_title a { display: inline-block; margin-right: 6px; color: #453b36; margin-left: -6px; } .widget_area .widget_rss .widget_title a:hover { color: #a3ad21; } .widget_area .widget_rss .widget_title img { vertical-align: baseline; display: none; } .widget_area .widget_rss { color: #7e7876; } .widget_area .widget_rss li { font-size: 1em; padding-left: 0; margin-bottom: 25px; } .widget_area .widget_rss li:last-child { margin-bottom: 0px; } .widget_area .widget_rss li>a { font-family: 'Roboto'; font-weight: 700; font-size: 0.919em; line-height: 1.8em; text-transform: uppercase; color: #453b36; display: block; } .widget_area .widget_rss ul li span.rss-date { color: #9d9997; font-weight: 300; font-style: italic; } .widget_area .widget_rss ul li:before { content: ''; } /* Tabs in Widgets*/ .widget .sc_tabs_titles li.sc_tabs_title a:hover, .widget .sc_tabs_titles li.sc_tabs_title.ui-state-active a { color: #ffffff; } .widget .sc_tabs_titles li.sc_tabs_title a { color: #453b36; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { background: #f7f7f7; } .copyright_wrap p { font-size: 1.145em; } .copyright_wrap a { color: #a3ad21; } .copyright_wrap a:hover { color: #fff; } /* 11. Utils -------------------------------------------------------------- */ /* Scroll to search type and hit entertop */ .scroll_to_top { color: #fff; border: none; } .scroll_to_top:hover { color: #fff; } .custom_options #co_toggle { color: #ffffff; right: -2.5625em !important; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.2); } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { background: #fff; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .popup_wrap .popup_close { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { font-size: 1.1667em; line-height: 1.5em; padding: 0.3em; } /* 13. Third party plugins ------------------------------------------------------- */ /* 13.1 Media player ------------------------------------------------------- */ .mejs-controls button:hover, .mejs-controls button:active { background-color: transparent !important; } /* 13.2 WooCommerce ------------------------------------------------------ */ .woocommerce { text-align: center; } .woocommerce .footer_wrap, .footer_wrap .woocommerce { text-align: left; } .product_type_simple, .product_type_variable, .product_type_external, .product_type_grouped { padding: 1.8em 2.5em !important; font-size: 0.75em !important; line-height: 1em; font-weight: 400; } /* Theme colors */ .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce .quantity input[type="button"]:hover, .woocommerce #content input[type="button"]:hover, .woocommerce-page .quantity input[type="button"]:hover, .woocommerce-page #content .quantity input[type="button"]:hover, .woocommerce ul.cart_list li>.amount, .woocommerce ul.product_list_widget li>.amount, .woocommerce-page ul.cart_list li>.amount, .woocommerce-page ul.product_list_widget li>.amount, .woocommerce ul.cart_list li span .amount, .woocommerce ul.product_list_widget li span .amount, .woocommerce-page ul.cart_list li span .amount, .woocommerce-page ul.product_list_widget li span .amount, .woocommerce ul.cart_list li ins .amount, .woocommerce ul.product_list_widget li ins .amount, .woocommerce-page ul.cart_list li ins .amount, .woocommerce-page ul.product_list_widget li ins .amount, .woocommerce.widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .amount, .woocommerce-page.widget_shopping_cart .total .amount, .woocommerce-page .widget_shopping_cart .total .amount, .woocommerce a:hover h3, .woocommerce-page a:hover h3, .woocommerce .cart-collaterals .order-total strong, .woocommerce-page .cart-collaterals .order-total strong, .woocommerce .checkout #order_review .order-total .amount, .woocommerce-page .checkout #order_review .order-total .amount, .woocommerce .star-rating, .woocommerce-page .star-rating, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before, .widget_area .widgetWrap ul>li .star-rating span, .woocommerce #review_form #respond .stars a, .woocommerce-page #review_form #respond .stars a { color: #8a940a; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background-color: #89930a; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background: #89930a; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce #content input.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce-page button.button.alt:active, .woocommerce-page input.button.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce-page #content input.button.alt:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active { border-top-color: #89930a; } /* Select fileds */ .woocommerce .woocommerce-ordering { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Buttons */ #btn-buy, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { border: none; background-color: #89930a; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #btn-buy:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover { border: none; background-color: #ffb20e; color: #ffffff; } /* Remove button */ .woocommerce a.remove, .woocommerce a.remove:hover { color: #e05100 !important; background-color: transparent !important; } /* Messages */ .article_style_boxed.woocommerce .woocommerce-error, .article_style_boxed.woocommerce .woocommerce-info, .article_style_boxed.woocommerce .woocommerce-message, .article_style_boxed.woocommerce-page .woocommerce-error, .article_style_boxed.woocommerce-page .woocommerce-info, .article_style_boxed.woocommerce-page .woocommerce-message { background-color: #f4f7f9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .article_style_boxed.woocommerce.archive .woocommerce-error, .article_style_boxed.woocommerce.archive .woocommerce-info, .article_style_boxed.woocommerce.archive .woocommerce-message, .article_style_boxed.woocommerce-page.archive .woocommerce-error, .article_style_boxed.woocommerce-page.archive .woocommerce-info, .article_style_boxed.woocommerce-page.archive .woocommerce-message { background-color: #ffffff; } /* Products stream */ .woocommerce span.new, .woocommerce-page span.new, .woocommerce span.onsale, .woocommerce-page span.onsale { color: #ffffff; background-color: #89930a; -webkit-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); } .woocommerce ul.products li.product span.new, .woocommerce-page ul.products li.product span.new, .woocommerce ul.products li.product span.onsale, .woocommerce-page ul.products li.product span.onsale { background-color: #ffb20e; } .article_style_boxed.woocommerce ul.products li.product .post_item_wrap, .article_style_boxed.woocommerce-page ul.products li.product .post_item_wrap { background-color: #ffffff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .article_style_boxed.woocommerce ul.products li.product .post_featured, .article_style_boxed.woocommerce-page ul.products li.product .post_featured { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce ul.products li.product h3 a, .woocommerce-page ul.products li.product h3 a { color: #453b36; font-family: 'Merriweather'; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .star-rating:before, .woocommerce ul.products li.product .star-rating span { color: #ffb20e; } .woocommerce ul.products li.product h3 a:hover, .woocommerce-page ul.products li.product h3 a:hover { color: #cc8b00; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce-page ul.products li.product .add_to_cart_button { background-color: #89930a; } .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .add_to_cart_button:hover { background-color: #ffb20e; } /* Pagination */ .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current { border: 2px solid #89930a; background-color: #89930a; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #89930a; background-color: #ffffff; } /* Single product */ .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { border: 1px solid #dddddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Cart */ .woocommerce table.cart, .woocommerce #content table.cart, .woocommerce-page table.cart, .woocommerce-page #content table.cart { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce table.cart thead th, .woocommerce #content table.cart thead th, .woocommerce-page table.cart thead th, .woocommerce-page #content table.cart thead th { background-color: #89930a; color: #ffffff; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Widgets */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .woocommerce .menu_user_cart .widget_shopping_cart .quantity, .woocommerce-page .menu_user_cart .widget_shopping_cart .quantity { color: #ffffff; } .woocommerce .menu_user_cart .widget_shopping_cart .total, .woocommerce-page .menu_user_cart.widget_shopping_cart .total { color: #ffffff; } .menu_user_cart a.cart_button>span:before { font-family: 'fontello'; margin-right: 0.3em; } .cart_total span.amount { color: #7e7876; } /* 13.3 Tribe Events ------------------------------------------------------- */ .tribe-events-calendar thead th { background-color: #1eaace; } #tribe-bar-form .tribe-bar-submit input[type="submit"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tribe-events-tooltip { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .single-tribe_events .tribe-events-event-image { overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Buttons */ a.tribe-events-read-more, .tribe-events-button, .tribe-events-nav-previous a, .tribe-events-nav-next a, .tribe-events-widget-link a, .tribe-events-viewmore a { display: inline-block; text-align: center; padding: 0.85em 1.15em; font-size: 0.875em; line-height: 1.3em; font-weight: 700; margin: 0 0 4px 4px; border: none; background-color: #1eaace; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } a.tribe-events-read-more:hover, .tribe-events-button:hover, .tribe-events-nav-previous a:hover, .tribe-events-nav-next a:hover, .tribe-events-widget-link a:hover, .tribe-events-viewmore a:hover { border: none; background-color: #ffb20e; color: #ffffff; } /* 13.4 BB Press and Buddy Press ------------------------------------------------------- */ /* Lists */ #bbpress-forums fieldset.bbp-form, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Buttons */ #bbpress-forums div.bbp-topic-content a, #buddypress button, #buddypress a.button, #buddypress input[type="submit"], #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button, #buddypress div.item-list-tabs ul li.selected a { display: inline-block; text-align: center; padding: 0.85em 1.15em !important; font-size: 0.875em; line-height: 1.3em; font-weight: 700; margin: 0 0 4px 4px; border: none; background: #1eaace; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } #bbpress-forums div.bbp-topic-content a:hover, #buddypress button:hover, #buddypress a.button:hover, #buddypress input[type="submit"]:hover, #buddypress input[type="button"]:hover, #buddypress input[type="reset"]:hover, #buddypress ul.button-nav li a:hover, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, a.bp-title-button:hover, #buddypress div.item-list-tabs ul li.selected a:hover { border: none; background: #ffb20e; color: #ffffff; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span { font-size: 0.875em; padding: 0.85em 1.15em; line-height: 1.3em; margin: 0 0 4px 4px; } /* Images */ .bbpress img.avatar, .buddypress img.avatar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bbpress img.avatar-14, .buddypress img.avatar-14 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bbpress img.avatar-50, .bbpress img.avatar-100, .bbpress img.avatar-150, .buddypress img.avatar-50, .buddypress img.avatar-100, .buddypress img.avatar-150 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* 14. Predefined classes for users -------------------------------------------------------------- */ .texture_bg_green, .texture_bg_dark { background-image: url(images/bg_dark.jpg); } .texture_bg_blue, .texture_bg_light { background-image: url(images/bg_light.jpg); } .texture_bg_yellow { background-image: url(images/bg_yellow.jpg); } .texture_bg_slider:after, .texture_bg_slider_full:after { content: ' '; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; background: url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat; } .texture_bg_slider_full:after { background: url(images/texture_center.png) center center no-repeat, url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat; } /* 15. Shortcodes -------------------------- */ /* Chat */ .sc_chat { padding-left: 0px; } .sc_chat:after { display: none; } .sc_chat_inner { background: none; padding: 0.7em 0 0; border: none; } .sc_chat .sc_chat_title { font: 700 1.0975em 'Roboto'; margin-bottom: 0.2em; color: #2b2b2b; text-transform: uppercase; } /* Skills */ /*circle progress*/ .vc_pie_chart .vc_pie_chart_value { font-size: 2em !important; } h4.wpb_pie_chart_heading { text-transform: uppercase; font-family: 'Roboto'; font-size: 1em; font-weight: 700; letter-spacing: 0.13em; } /*count*/ .sc_skills_counter .sc_skills_style_1, .sc_skills_counter .sc_skills_item.sc_skills_style_1 .sc_skills_info { color: #fff; } .sc_skills_counter .sc_skills_item { padding: 0 60px; } .sc_skills_counter .sc_skills_style_1 .sc_skills_count { font-family: 'Roboto'; font-weight: 300 !important; } .sc_skills_counter .sc_skills_item.sc_skills_style_1 .sc_skills_info { font-style: italic; } .sc_skills_counter .sc_skills_style_2, .sc_skills_counter .sc_skills_item.sc_skills_style_2 .sc_skills_info { color: #30230d; } /* Accordion */ .sc_accordion_item .sc_accordion_title { font-size: 1.1em; } .sc_accordion_item .sc_accordion_title { font-weight: 400; color: #453b36; background-color: #f4f2f2; line-height: 4em; border-color: #f4f2f2 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title .sc_accordion_icon, .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title .sc_accordion_icon { position: absolute; left: 2.2em; top: 2.2em; padding: 0; text-align: center; overflow: hidden; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ece1db; height: 1.9em; width: 1.9em !important; color: #b6aeaa; font-size: .8em; } .sc_accordion .sc_accordion_item .sc_accordion_title.ui-state-active .sc_accordion_icon { color: #ffffff; } .sc_accordion_item .sc_accordion_title .icon-plus-2:before { content: '\E80C'; left: 42%; } .sc_accordion .sc_accordion_item .sc_accordion_title.ui-state-active .sc_accordion_icon_closed { margin-top: 0em; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title.ui-state-active .sc_accordion_icon_closed { margin-top: 0em; } /* Accordion style 1 */ .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title:hover .sc_accordion_icon_opened { background-color: #f4f2f2; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_content { border-top-width: 0; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title { padding: .5em .5em .5em 4.5em; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item { margin-bottom: .5em; } /* Accordion style 2*/ .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title { background-color: transparent; margin-bottom: 1.4em; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item { border-bottom: 1px dashed #e4e7e8; margin-bottom: 1.45em; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item:last-child { border-bottom: 1px dashed transparent; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_content { margin-left: .8em; padding: 0 1.3em 2.2em; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title.ui-state-active .sc_accordion_icon_closed { opacity: 1; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title .sc_accordion_icon { width: 1.2em !important; height: 1.2em; font-size: 1.2em; left: 0px; top: 31%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title { text-transform: capitalize; } /* Audio */ .sc_audio { border-radius: 0; } .sc_audio .sc_audio_author_name, .sc_audio .sc_audio_title { font-weight: 700; color: #232a34; } .sc_audio .sc_audio_author_name { letter-spacing: 0.08em; } .sc_audio .sc_audio_header { padding: 25px 34px; } .sc_audio .sc_audio_author { font-family: 'Roboto'; font-weight: 300; font-size: .95em; text-transform: uppercase; margin-top: 6px; } .sc_audio .sc_audio_title { font-family: 'Merriweather'; font-weight: 100; color: #232a34; font-size: 1.93em; text-transform: capitalize; line-height: 1.5em; } .sc_audio.sc_audio_info { padding: 9.1538em 1.923em 2.6923em 2.8461em; border: 1px solid transparent; background: #f8f8f8; } .sc_audio .sc_audio_container .mejs-container .mejs-controls .mejs-time, .mejs-container .mejs-controls .mejs-time { color: #7e7876 !important; } .sc_audio .sc_audio_container .mejs-controls .mejs-button, .mejs-audio .mejs-controls .mejs-button { position: relative; border-radius: 50%; margin-right: 7px; } .sc_audio .sc_audio_container .mejs-controls .mejs-button button { margin: 6px 7px; z-index: 100; } .widget .mejs-video .mejs-controls { height: 30px; } .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded { opacity: 0; } .sc_audio .sc_audio_container .mejs-controls .mejs-playpause-button:before { font-family: 'Fontello'; color: #ffffff; position: absolute; top: 8px; left: 10px; z-index: 10; font-size: .8em; } .sc_audio .sc_audio_container .mejs-controls .mejs-volume-button:before { font-family: 'Fontello'; color: #ffffff; position: absolute; top: 8px; left: 7px; z-index: 10; } .mejs-controls div.mejs-time-rail { padding-top: 9px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 15px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 13px; } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background-color: transparent !important; } .mejs-controls .mejs-time-rail .mejs-time-total { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin-top: 6px !important; top: 8px; } .mejs-controls .mejs-time-rail .mejs-time-buffering, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 3px !important; top: 0; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .mejs-controls .mejs-time-rail .mejs-time-total:before { content: " "; display: block; position: absolute; left: 2px; top: 0; right: 4px; background-color: #dfdfdf; height: 3px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 3px; } .mejs-container .mejs-controls .mejs-time { padding-top: 10px !important; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #666666 !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { left: -2px; top: 14px; } /* Button */ input[type="submit"], input[type="button"], button, .sc_button { font-family: 'Roboto'; font-weight: 400; text-transform: uppercase; font-size: 0.978em; height: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap; line-height: 1.5em; } .sc_button.sc_button_style_filled.sc_button_bg_menu { background-color: #a2ac21; } .sc_button.sc_button_style_border.sc_button_bg_menu { border-color: #1dbb90; } .sc_button_size_medium { padding: 0.9em 2.24em !important; } .sc_button_size_mini { padding: 0.9em 1.8em !important; } .sc_button_type_1 { background-color: #89930a; border: 2px solid #89930a; color: #fff; } .sc_button_type_1:hover { background-color: #89930a; border: 2px solid #89930a; color: #fff; } .sc_button_type_1:hover:before { color: #fff; } .sc_button_type_2 { background-color: #e89300; border: 2px solid #e89300; color: #fff; } .sc_button_type_2:hover { background-color: #e89300; border: 2px solid #e89300; color: #fff; } .sc_button_type_2:hover:before { color: #fff; } .sc_button_type_3 { background-color: rgba(0, 0, 0, 0); border: 2px solid #e89300; color: #e89300; } .sc_button_type_3:hover { background-color: rgba(0, 0, 0, 0); border: 2px solid #e89300; color: #e89300; } .sc_button_type_3:hover:before { color: #e89300; } .sc_button_type_4 { background-color: rgba(0, 0, 0, 0); border: 2px solid #89930a; color: #89930a; } .sc_button_type_4:hover { background-color: rgba(0, 0, 0, 0); border: 2px solid #89930a; color: #89930a; } .sc_button_type_4:hover:before { color: #89930a; } .sc_button_type_5 { background-color: #f4f2f2; border: 2px solid #f4f2f2; color: #9d9997; } .sc_button_type_5:hover { background-color: #89930a; border: 2px solid #89930a; color: #fff } .sc_button_type_5:hover:before { color: #fff; } /* Button shortcodes: More, Comments*/ .post_item_excerpt .sc_button:hover, .post_item_news .sc_button:hover { border-color: #f9a61a; } .post_item_excerpt .field_button_comments, .post_item_news .field_button_comments { position: relative; width: 110px; height: 46px; display: inline-block; margin-left: 1em; } .post_item_excerpt .field_button_comments .button_news_comments, .post_item_news .field_button_comments .button_news_comments { background-color: #f4f2f2; border-color: #f4f2f2; color: #bcaea7; padding: 0.9em 3em 0.9em 3em; } .post_item_excerpt .field_button_comments .button-hover.button_news_comments .sc_button_content:before, .post_item_excerpt .field_button_comments .button-hover.button_news_comments .sc_button_content_dublicate:before, .post_item_news .field_button_comments .button-hover.button_news_comments .sc_button_content:before, .post_item_news .field_button_comments .button-hover.button_news_comments .sc_button_content_dublicate:before { font-family: 'Fontello'; content: '\E90B'; font-size: 1em; color: #9d9997; margin-right: .5em; } .post_item_excerpt .button_news_comments:hover { background-color: #bcaea7; color: #ffffff; } .post_item_excerpt .field_button_comments .button-hover.button_news_comments .sc_button_content_dublicate:before { color: #ffffff; } .post_item_excerpt .post_descr a.sc_button, .post_item_news .post_descr a.sc_button { padding: 0.9em 2.2em; } .post_item_news .field_button_comments .button_news_comments:hover .sc_button_content_dublicate, .post_item_news .field_button_comments .button_news_comments:hover .sc_button_content_dublicate:before { color: #ffffff; } /* Blogger */ /* Grid */ .sc_blogger.layout_date .sc_blogger_item .sc_blogger_date { background-color: #1eaace; border-color: #1eaace; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_blogger.layout_date .sc_blogger_item .sc_blogger_date .year:before { border-color: #ffffff; } .ih-item.square.effect8.colored .info .info-back .post_title { font-family: 'Merriweather'; font-weight: 200; color: #ffffff; font-size: 1.5384em; margin-top: 5%; text-align: left; background-color: rgba(255, 255, 255, 0); padding-left: 1.5em; } .sc_blogger .ih-item.square .info p { padding: .5em 1.5em 1em 2.2em; text-align: left; max-height: 5.69em; overflow: hidden; font-size: 1.077em !important; font-style: normal; font-family: 'Merriweather'; font-weight: 300; } .post_item_grid .date_grid_terraatma { font-size: 1.09em; font-style: italic; color: #fff; position: absolute; left: 2.3076em; bottom: 2.3076em; } .layout_grid_3 .isotope_wrap .isotope_item { padding-right: 30px; padding-bottom: 30px; } .post_item_grid_3 .post_info { padding: .1em 1.5em .1em 2.2em; text-align: left; } /* Latest News / /* title */ .post_item_news .post_title a { font-family: 'Merriweather'; color: #160d0a; font-size: 1.8em; font-weight: 300; line-height: 1em; text-align: left; text-transform: none; margin-top: 2em; margin-bottom: 1.3em; } .post_item_news .post_descr p { margin-bottom: 2.4em; } .post_item_news .post_info { margin-bottom: 3em; } .post_item_news .post_info_item { color: #160d0a; } .post_item_news .post_featured .hover_icon:before { content: ''; position: absolute; background: url(../../skins/terraatma/images/icon_bg_link.png) 52% 52% no-repeat; height: 100%; width: 100%; z-index: 10; margin: 0; } .template_news .column-1_3 { padding-right: 2.3076em; } .template_news .columns_wrap { width: 104%; } /* Templates Aurora */ .template_aurora { margin-bottom: 40px !important; } .template_aurora .column_padding_bottom { padding-bottom: 0px !important; } .post_item_aurora .post_featured { overflow: hidden; margin-top: 2.5em; width: 30%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; border: none; } .post_item_aurora_2 .post_content { margin-left: 15.384em; padding: 0; padding-right: 2em; } .post_item_aurora_2 .post_descr { width: 100%; display: inline-block; font-size: 1.076em; } .post_item_aurora_2 .post_featured .hover_icon:before, .post_item_aurora_4 .post_featured .hover_icon:before { content: ''; position: absolute; background: rgba(0, 0, 0, .5) url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; z-index: 10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px; } .post_item_aurora_4 .post_featured { overflow: hidden; margin-top: 2.5em; width: 65%; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: none; } .post_item_aurora_4 .post_title { font-size: 1.46em; line-height: 1em; margin-top: 1.6em; margin-bottom: 0; font-family: 'Merriweather'; font-weight: 100; text-align: center; } /* Countdown Style 1 */ .sc_countdown.sc_countdown_style_1 .sc_countdown_digits, .sc_countdown.sc_countdown_style_1 .sc_countdown_separator { font-size: 2.45em; font-weight: 100; height: 2.45em; line-height: 2.45em; margin-bottom: 6px; } .sc_countdown.sc_countdown_style_1 .sc_countdown_digits { width: 2.45em; border: 6px solid #ffffff; background-color: #f4f7f9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_countdown.sc_countdown_style_1 .sc_countdown_label { color: #453b36; font-weight: 400; } /* Countdown Style 2 */ .sc_countdown.sc_countdown_style_2 .sc_countdown_digits, .sc_countdown.sc_countdown_style_2 .sc_countdown_separator { font-size: 3em; font-weight: 700; height: 1.3542em; line-height: 1.3542em; } .sc_countdown.sc_countdown_style_2 .sc_countdown_separator { color: #453b36; font-weight: 300; } .sc_countdown.sc_countdown_style_2 .sc_countdown_digits span { display: inline-block; text-align: center; width: 1.1458em; color: #453b36; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sc_countdown.sc_countdown_style_2 .sc_countdown_digits span+span { margin-left: 2px; } .sc_countdown.sc_countdown_style_2 .sc_countdown_label { color: #453b36; font-weight: 400; } /* Dropcaps */ .sc_dropcaps { margin-top: 2.6em; } .sc_dropcaps .sc_dropcaps_item { color: #fff; } .sc_dropcaps.sc_dropcaps_style_1 .sc_dropcaps_item { color: #ffffff; line-height: 1.65em; padding: 0 13px; } .sc_dropcaps.sc_dropcaps_style_2 .sc_dropcaps_item { color: #ffffff; line-height: 1.65em; padding: 0 13px; } .sc_dropcaps.sc_dropcaps_style_3 .sc_dropcaps_item { background-color: #453b36; color: #ffffff; line-height: 1.65em; padding: 0 13px; } .sc_dropcaps.sc_dropcaps_style_4 .sc_dropcaps_item { background-color: #f8f8f8; color: #453b36; line-height: 1.65em; padding: 0 13px; } /* Emailer */ .sc_emailer { overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .sc_emailer.sc_emailer_opened { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sc_emailer input { background-color: transparent; } /* Highlight */ .sc_highlight_style_1, .sc_highlight_style_1 p { color: #ffffff; border-width: 7px; border-style: solid; } .sc_highlight_style_2, .sc_highlight_style_2 p { color: #ffffff; border-width: 7px; border-style: solid; } /* Google map */ .sc_googlemap { overflow: hidden; } /* Icon */ .sc_icon_shape_square, a .sc_icon_shape_square:after { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sc_icon_bg_link { color: #1eaace; } .sc_icon_bg_menu { color: #1dbb90; } .sc_icon_bg_user { color: #ffb20e; } .sc_icon.sc_icon_bg_link:hover, a:hover .sc_icon.sc_icon_bg_link { color: #007c9c; } .sc_icon.sc_icon_bg_menu:hover, a:hover .sc_icon.sc_icon_bg_menu { color: #018763; } .sc_icon.sc_icon_bg_user:hover, a:hover .sc_icon.sc_icon_bg_user { color: #cc8b00; } .sc_icon_shape_round.sc_icon_bg_link, .sc_icon_shape_square.sc_icon_bg_link { background-color: #1eaace; border-color: #1eaace; color: #ffffff; } .sc_icon_shape_round.sc_icon_bg_menu, .sc_icon_shape_square.sc_icon_bg_menu { background-color: #1dbb90; border-color: #1dbb90; color: #ffffff; } .sc_icon_shape_round.sc_icon_bg_user, .sc_icon_shape_square.sc_icon_bg_user { background-color: #ffb20e; border-color: #ffb20e; color: #ffffff; } .sc_icon_shape_round.sc_icon_bg_link:hover, .sc_icon_shape_square.sc_icon_bg_link:hover, a:hover .sc_icon_shape_round.sc_icon_bg_link, a:hover .sc_icon_shape_square.sc_icon_bg_link { color: #1eaace; } .sc_icon_shape_round.sc_icon_bg_menu:hover, .sc_icon_shape_square.sc_icon_bg_menu:hover, a:hover .sc_icon_shape_round.sc_icon_bg_menu, a:hover .sc_icon_shape_square.sc_icon_bg_menu { color: #1dbb90; } .sc_icon_shape_round.sc_icon_bg_user:hover, .sc_icon_shape_square.sc_icon_bg_user:hover, a:hover .sc_icon_shape_round.sc_icon_bg_user, a:hover .sc_icon_shape_square.sc_icon_bg_user { color: #ffb20e; } /* Image */ figure, .sc_image { overflow: hidden; } .sc_image_shape_square figure figcaption, .sc_image.sc_image_shape_square figcaption { font-size: 1em; background-color: #f4f3f1; color: #9d9997; min-height: 3.5em; text-align: center; vertical-align: middle; line-height: 3.5em; } .sc_image.sc_image_shape_round { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } figure.sc_image_shape_round figcaption { background-color: transparent; } figure.sc_image_shape_round figcaption:before { content: ''; position: absolute; background: rgba(0, 0, 0, .5) url(../../skins/terraatma/images/icon_bg_link.png) 50% 50% no-repeat; height: 100%; width: 100%; z-index: 10; margin: 0; left: 0; } .sc_image_shape_round figcaption span { display: block; margin: 0 auto; font-size: 2em; margin-top: 35%; } /* Infobox */ .sc_infobox { font: 700 1.076em 'Roboto' !important; padding: 2.5em; text-transform: uppercase; margin: 1.45em 0; } .sc_infobox.sc_infobox_style_regular { background-color: #f4f4f6; color: #232a34; } .sc_infobox.sc_infobox_style_info { background-color: #1f81b4; } .sc_infobox.sc_infobox_style_success { background-color: #a3ad21; } .sc_infobox.sc_infobox_style_error { background-color: #f76f08; } .sc_infobox.sc_infobox_style_result { background-color: #f9a61a !important; } .sc_infobox.sc_infobox_iconed:before { left: .96em; top: .96em; font-weight: 300; } .sc_infobox.sc_infobox_iconed:after { right: 3.5em; font-size: .7em; top: 3.5em; background: rgba(255, 255, 255, 0.2); border-radius: 50%; width: 20px; text-align: center; height: 20px; line-height: 21px; } .sc_infobox.sc_infobox_style_regular.sc_infobox_iconed:after { background: rgba(255, 255, 255, 1); } .sc_infobox.sc_infobox_style_regular.sc_infobox_closeable:after, .sc_infobox.sc_infobox_style_result.sc_infobox_closeable:after, .sc_infobox.sc_infobox_style_info.sc_infobox_closeable:after, .sc_infobox.sc_infobox_style_error.sc_infobox_closeable:after, .sc_infobox.sc_infobox_style_success.sc_infobox_closeable:after { content: '\E96D'; } /* Number */ .sc_number_item { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Popup */ .sc_popup:before { background-color: #f9a61b; } /* Price block */ .sc_price_block { background: #ffffff; position: relative; } .sc_price_block .sc_price_block_title { font-family: 'Roboto'; line-height: 3.9285em; font-size: 1.077em; font-weight: 700; text-transform: uppercase; padding: 0 55px; letter-spacing: .025em; } .sc_price_block .sc_price_block_money { padding: 11px 20px; } .sc_price_block_money { background: url(/wp-content/themes/terra-atma/skins/terraatma/images/decorative_pattern_bg.png) no-repeat; font-size: 3.846em; } .sc_price .sc_price_penny { display: inline-block; text-decoration: none; margin-bottom: 0em; margin-left: 0.1em; font-size: 3.846em; font-weight: 700; } .sc_price .sc_price_penny:before { content: '.'; } .sc_price_block .sc_price_block_money .sc_price_currency { font-size: 1.538em; font-weight: 700; line-height: 2.6em; vertical-align: top; } .sc_price_block .sc_price_block_description { color: #9d9997; font-size: 1.077em; line-height: 2.143; min-height: 20em; margin-top: 2em; position: relative; } .sc_price_block .sc_price_block_link { height: 4.5em; position: absolute; bottom: 20px; margin-left: auto; margin-right: auto; left: 0; right: 0; } .sc_price_block .sc_price_block_link a { font-weight: 700; padding: 1em 2.3em; letter-spacing: .05em; } .sc_price_block.sc_price_block_style_1 { background-color: #ffffff; } .sc_price_block.sc_price_block_style_2 { background-color: #1dbb90; } .sc_price_block.sc_price_block_style_3 { background-color: #ffb20e; } .sc_price_block.sc_price_block_style_3 .sc_price_block_link .sc_button:hover { background-color: #ef631f !important; } .sc_price_block .button-hover { float: none; } /* Scroll controls */ .sc_scroll_controls_wrap a { color: #ffffff; background-color: #1dbb90; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .sc_scroll_controls_type_side .sc_scroll_controls_wrap a { background-color: rgba(29, 187, 144, 0.8); } .sc_scroll_controls_wrap a:hover { color: #ffffff; background-color: #018763; } /* Skills */ .sc_skills_bar .sc_skills_item { box-shadow: inset 0px 0 0px 2px #e5e5e8; background: transparent !important; margin-left: -2px; overflow: visible; } .sc_skills_bar .sc_skills_item .sc_skills_count { float: left; } .sc_skills_bar .sc_skills_count { height: 1.5384em; } .sc_skills_bar .sc_skills_info { margin: 10px 0 -1px 0; text-transform: uppercase; font-family: 'Roboto'; color: #453b36; font-size: 1.0769em; font-weight: 700; letter-spacing: 0.09em; } .sc_skills_bar .sc_skills_total { font-family: 'Roboto'; color: #acb4b6; position: absolute; top: -2px; right: 0px; z-index: 5; } .sc_skills_bar .sc_skills_total:after { content: '%'; } /* Bar style 2*/ .sc_skills_2 .sc_skills_item { height: 4px; box-shadow: none; background: #f5f7f9 !important; margin-bottom: 27px; } .sc_skills_2 .sc_skills_item:last-child { margin-bottom: 0px; } .sc_skills_2 .sc_skills_info { margin: 11px 0 -1px 0; } .sc_skills_2 .sc_skills_count { background: #a8b22e !important; height: 4px; } .sc_skills_2 .sc_skills_total { top: -27px; padding-right: 0px; } /* Bar style 3*/ /* Info */ .sc_skills.sc_skills_bar.sc_skills_3 .sc_skills_info { margin: 10px 0 7px 0; } .sc_skills.sc_skills_bar.sc_skills_3 .sc_skills_info .sc_skills_label { font: 300 1em 'Roboto'; color: #978a84; text-transform: none; } /* Item */ .sc_skills.sc_skills_bar.sc_skills_3 .sc_skills_item { overflow: hidden; z-index: 1; height: 2.35em; line-height: 2.35em; box-shadow: inset 0px 0 0px 1px #f2f2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sc_skills.sc_skills_bar.sc_skills_3 .sc_skills_item .sc_skills_count { height: 2.35em; } .sc_skills.sc_skills_bar.sc_skills_3 .sc_skills_item .sc_skills_count .sc_skills_total { color: #fff; } /* Slider */ .sc_slider { background: #c8cbcd; } .slider_wrap .sc_slider, .isotope_wrap .sc_slider, .related_wrap .sc_slider { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sc_slider_controls_wrap a { background-color: #f8f8f8; color: #807c79; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_slider_controls_wrap a:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: translateX(-2px) translateY(1px); -moz-transform: translateX(-2px) translateY(1px); transform: translateX(-2px) translateY(1px); } .sc_slider_swiper .sc_slider_info { background-color: rgba(30, 170, 206, 0.8) !important; } .sc_slider_pagination_area .sc_slider_pagination .post_item { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .sc_slider_pagination.widget_area .post_item+.post_item { border-top: 1px solid #ccc; } .sc_slider_controls_wrap .sc_slider_prev:before { content: '\E82A'; } .sc_slider_controls_wrap .sc_slider_next:before { content: '\E82B'; } /* Tabs */ .sc_tabs { margin-top: 2.2em; overflow: hidden; } .sc_tabs+.sc_tabs { border-top: 1px dashed #e8e9e9; padding-top: 4.1em; } .sc_tabs_titles li.sc_tabs_title a { color: #7e7876; font-family: 'Roboto'; font-size: 0.7em; font-weight: 700; text-transform: uppercase; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none !important; background-color: #f4f2f2; display: block; padding: .73em 1.39em; margin-right: 1em; } .sc_tabs_titles li.ui-state-active a, .sc_tabs_titles li a:hover { color: #ffffff; } .sc_tabs.sc_tabs_style_1 .sc_tabs_content { border: none; padding: 1.9em 0em; } .sc_tabs.sc_tabs_style_2 ul.sc_tabs_titles { float: left !important; display: inline-block; margin-top: 6px; } .sc_tabs.sc_tabs_style_2 .sc_tabs_content { max-width: 80%; } .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li { float: none !important; margin-left: 0 !important; margin-bottom: 0.978em; } .sc_tabs.sc_tabs_style_2 .sc_tabs_content { border: none; padding-top: 0; } /* Team */ .sc_team_item { position: relative; } .sc_team .sc_team_item .sc_team_item_info { background-color: rgba(46, 38, 35, 0.8); position: absolute; width: 100%; text-align: center; padding: 1.65em 0 0 0; bottom: -5.2307em; -webkit-transition: all ease .7s; -moz-transition: all ease .7s; -ms-transition: all ease .7s; -o-transition: all ease .7s; transition: all ease .3s; min-height: 10em; } .sc_team_item .sc_team_item_info .sc_team_item_title a { font-family: 'Roboto'; font-weight: 300; font-size: 1.709em; color: #ffffff; text-transform: capitalize; letter-spacing: 0; line-height: 1.5em; } .sc_team_item .sc_team_item_info .sc_team_item_title a:hover { color: #ffffff; } .sc_team.sc_team_style .sc_team_item_avatar .sc_team_item_hover { background-color: rgba(46, 38, 35, 0.8); } .sc_team_item:hover .sc_team_item_info { bottom: -1px; } .sc_team_item .sc_team_item_info .sc_team_item_position { color: rgba(255, 255, 255, 0.4); font-style: italic; font-size: 0.975em; line-height: 1em; } .sc_team_item .sc_team_item_info .sc_socials { line-height: 0.2em; } /* Testimonials */ .sc_testimonials_wrap { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .sc_testimonials_wrap.sc_section .sc_section_overlay { padding: 0.6em 0 6em 0; } .sc_testimonials_wrap .sc_slider_controls_wrap a { border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.2 !important; background-color: transparent; width: 2.307em; height: 2.307em; } .sc_testimonials.sc_slider_swiper .sc_slider_controls_wrap { top: 59%; } .sc_testimonials.sc_slider_swiper:hover .sc_slider_controls_wrap .sc_slider_prev { margin-left: 2.769em; line-height: 2.307em; text-align: center; } .sc_testimonials.sc_slider_swiper:hover .sc_slider_controls_wrap .sc_slider_next { margin-right: 2.769em; line-height: 2.307em; text-align: center; } .sc_testimonials.sc_slider_swiper .sc_slider_controls_wrap .sc_slider_prev:hover, .sc_testimonials.sc_slider_swiper:hover .sc_slider_controls_wrap .sc_slider_next:hover { background: #eee; } .sc_testimonials .sc_testimonial_avatar { overflow: hidden; margin: 0 auto 6px; width: 4em; height: 4em; border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_testimonial_content p, .sc_testimonial_author, .sc_testimonial_content .sc_title, .sc_testimonials .sc_slider_controls_wrap a { color: #fff; } .sc_testimonials .sc_title { font-size: 2.8076em; } .sc_testimonial_content p { font-style: italic; font-size: 1.09em; } .sc_testimonial_author { font-family: 'Roboto'; font-weight: 400; font-size: 0.924em; text-transform: uppercase; padding-top: 40px; letter-spacing: 0.1em; } .sc_testimonial_author:before { content: ''; } /* Title */ .sc_title_second_icon_left { margin-left: 0.6em; display: inline-block; line-height: 10px; } .sc_title_second_icon_top img { bottom: 0; position: absolute; left: 0; right: 0; margin-right: auto; margin-left: auto; } .sc_title_icon_small img { height: 0.4em; } .sc_title_icon_medium img { height: 1em; } .sc_title_icon_large img { height: 2em; } .sc_title_icon_top { display: none !important; } .sc_title_second_icon_top { display: block; height: 0.9em; } /* Toggles */ .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title.ui-state-active { color: #1eaace; border-color: #1eaace; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title.ui-state-active .sc_toggles_icon_opened { background-color: #1eaace; } .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title:hover { color: #007c9c; border-color: #007c9c; } .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_title:hover .sc_toggles_icon_opened { background-color: #007c9c; } .sc_toggles.sc_toggles_style_1 .sc_toggles_item .sc_toggles_content { border: 1px solid #e4e7e8; border-top-width: 0; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title.ui-state-active { color: #1dbb90; } .sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title .sc_toggles_icon { border: 2px solid #1dbb90; background-color: #1dbb90; color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_title.ui-state-active .sc_toggles_icon { color: #1dbb90; background-color: #ffffff; } .sc_toggles.sc_toggles_style_2 .sc_toggles_item .sc_toggles_content { margin-left: 2em; border: 1px solid #e4e7e8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Tooltip */ .sc_tooltip_parent .sc_tooltip, .sc_tooltip_parent .sc_tooltip:before { background-color: #453b36; font-family: "roboto"; font-size: 1.2em; line-height: 2em; } /* Twitter */ .sc_twitter_wrap { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sc_twitter .sc_slider_controls_wrap a { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #ffffff; font-size: 2.5em; } .widget_area .widget_twitter ul li:before { position: absolute; font-size: 1.538em; } .widget_twitter ul li+li { padding-top: 25px; border-top: 1px dashed #e3e3e4; margin-top: 25px; } .widget_area .widget_twitter ul li+li:before { top: 25px; } /* Video */ .sc_video_player, .sc_video_player>.sc_video_frame, .sc_video_player img, .wp-video, .wp-video-playlist { overflow: hidden; } .hover_icon_play:before { color: #f9a61b; } /* Zoom */ .sc_zoom, .zoomContainer { overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* Contact Us */ .sc_contact_form.sc_contact_form_standard .sc_contact_form_field, .wpcf7-form .sc_contact_form_info .wpcf7-form-control-wrap { width: 50%; } .sc_contact_form_description { width: 40%; margin: 0 auto 3em; font-style: italic; font-size: 1.5em; } .sc_contact_form form.inited, .wpcf7-form { width: 68%; margin: inherit; } .wpcf7-form { margin: 0 auto; } .sc_contact_form.sc_contact_form_standard .sc_contact_form_button button { margin-left: 0; height: 3.7em; color: #FFF; width: 190px; font-size: 1em; font-weight: 300; } .wpcf7-form input[type="submit"] { height: 3.7em; color: #FFF; width: 190px; font-size: 1em; font-weight: 300; } /*+ Picker ----------------*/ .picker__wrap { background: #f9a61b; /* #89930a;*/ } .picker__weekday { background: rgba(0, 0, 0, 0.3) !important; } .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { background: #eaeaea; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { color: #8b9094; cursor: pointer; } .picker__day--today:before, .picker__button--today:before, .picker__button--clear:before, .sc_contact_form_order .sc_contact_form_button button:focus { border-color: #f9a61b; } .picker__button--close:before { color: #f9a61b; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { background: #f9a61b; } .sc_contact_form_order .sc_contact_form_button button:hover { color: #ffffff !important; border-color: #89930a !important; } .button-hover:hover { line-height: 1.5em; } .button :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .button-hover { position: relative; display: inline-block; overflow: hidden; text-decoration: none; transition: 0.35s ease all; } .button-hover p { transition: 0.35s ease all; } .button-hover .sc_button_content { position: relative; } .button-hover .sc_button_content_dublicate { position: absolute; top: -2.75em; margin-left: auto; margin-right: auto; left: 0; right: 0; } .button-hover:hover .sc_button_content { -webkit-transform: translateY(3em); -moz-transform: translateY(3em); -ms-transform: translateY(3em); transform: translateY(3em); } .button-hover:hover .sc_button_content_dublicate { top: 0.95em; } figure figcaption a { color: #a3ad21; } figure figcaption a:hover { color: #fff; } .wp-block-button a.wp-block-button__link:hover { color: #a3ad21; } .wp-block-search .wp-block-search__button, .post-password-form input[type="submit"] { background-color: #a3ad21; color: #fff; } .wp-block-search .wp-block-search__button:hover, .post-password-form input[type="submit"]:hover { background-color: #f9a61a; } .woocommerce .shop_mode_thumbs .mode_buttons .woocommerce_thumbs, .woocommerce .shop_mode_list .mode_buttons .woocommerce_list { color: #a3ad21; } .woocommerce .shop_mode_thumbs .mode_buttons .woocommerce_list, .woocommerce .shop_mode_list .mode_buttons .woocommerce_thumbs { color: #7e7876; } .woocommerce .shop_mode_thumbs .mode_buttons .woocommerce_list:hover, .woocommerce .shop_mode_list .mode_buttons .woocommerce_thumbs:hover { color: #a3ad21; }