File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/buranshvalleyresorts.com/css/style.css

Back
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap'); .slideUp2{ animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } @keyframes slideUp2 { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideUp2 { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes subNavIn{ from{ transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes subNavIn{ from{ transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @keyframes subNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } } @-webkit-keyframes subNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } } @keyframes mainNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } } @-webkit-keyframes mainNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } } @keyframes mainNavIn{ from{ transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes mainNavIn{ from{ transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } body { background: #ffffff; padding: 0; margin: 0; color: #444; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.7; word-wrap: break-word; -webkit-overflow-scrolling: touch; } body.js_nav { width: 100%; height: 100%; } .width_half { width: 50%; margin: auto; } .width_one_third { width: 33%; margin: auto; } #perspective { width: 100%; min-height: 100%; position: relative; } @-moz-document url-prefix() { #perspective { overflow-x: hidden; } } body.modalview #perspective { position: fixed; perspective: 1500px; } body.modalview #footer_wrapper { display: none; } #wrapper { float: left; width: 100%; background: #fff; transform-origin: 50% 50% 50%; transition: all 0.4s; position: relative; left: 0; min-height: 100%; } body.right_clicked #wrapper { filter: blur(7px); } body.leftmenu #wrapper { padding-top: 0 !important; width: calc(100% - 350px); left: 350px; } body.leftmenu #wrapper #page_content_wrapper { padding: 0 40px 0 40px; } body.leftmenu #wrapper #page_content_wrapper.blog_wrapper { padding-top: 50px; } body.leftmenu .elementor-section.elementor-section-stretched { max-width: 100% !important; left: 0 !important; } body.leftmenu .mobile_menu_wrapper { left: 0; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -o-transform: translate(0px, 0px); overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 350px; padding: 50px; } body.modalview #wrapper { position: absolute; overflow: hidden; cursor: pointer; height: 100%; width: 100%; backface-visibility: hidden; } body.js_nav #wrapper { transform: translateZ(0px) translateX(10%) rotateY(-50deg); } body.hammenufull.js_nav #wrapper { transform: none; transform: scale(1); opacity: 0; } body.tg_password_protected { height: 100%; } body.tg_password_protected #page_caption, body.tg_password_protected #footer_wrapper { display: none; } body.tg_password_protected #perspective { background-size: cover; background-position: center center; background-repeat: no-repeat; } body.tg_password_protected #wrapper { background: transparent; height: 100%; } body.tg_password_protected #page_content_wrapper { display: table; width: 100%; height: 100vh; } body.tg_password_protected.leftmenu #page_content_wrapper { width: calc(100% - 350px); } body.tg_password_protected #page_content_wrapper .inner { display: table-cell; vertical-align: middle; float: none; } body.tg_password_protected #page_content_wrapper .inner .inner_wrapper { float: none; text-align: center; width: 50%; margin: auto; } body.tg_password_protected.leftmenu #page_content_wrapper .inner .inner_wrapper { width: 70%; } body.tg_password_protected #page_content_wrapper .inner .inner_wrapper .sidebar_content { padding: 70px 60px 60px 60px; box-sizing: border-box; opacity: 0; animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } body.tg_password_protected #page_content_wrapper .inner .inner_wrapper .sidebar_content .protected-post-header { margin-bottom: 30px; } body.tg_password_protected #page_content_wrapper .inner .inner_wrapper .sidebar_content input[type=password] { text-align: center; } #wrapper.hasbg.transparent { padding-top: 0 !important; } hr { height: 1px; border: 0; border-top: 2px solid #ebebeb; background: transparent; margin: auto; margin-top: 20px; margin-bottom: 20px; width: 100%; clear: both; } .themeborder { border-color: #dce0e0; } .theme_radius { border-radius: 3px; } a { color: #222; text-decoration: none; -webkit-transition: color .2s linear, background .1s linear; -moz-transition: color .2s linear, background .1s linear; -ms-transition: color .2s linear, background .1s linear; -o-transition: color .2s linear, background .1s linear; transition: color .2s linear, background .1s linear; } a:hover { color: #222; text-decoration: none; } a:active { color: #222; text-decoration: none; } h1 { font-size: 34px; } h2 { font-size: 30px; } h2.number { font-size: 50px; line-height: 50px; } h3 { font-size: 26px; } h3#reply-title, h3.comment_title, h3.sub_title { text-align: center; } h4 { font-size: 22px; } h5 { font-size: 18px; } h5.related_post, .fullwidth_comment_wrapper h5.comment_header { text-align: center; } h6 { font-size: 16px; } h5.widgettitle { font-size: 11px; display: inline-block; text-align: left; color: #222; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; position: relative; border-bottom: 1px solid #222; } h7 { font-size: 18px; } h1, h2, h3, h4, h5, h6, h7 { color: #222; font-weight: 400; line-height: 1.5em; } pre, code, tt { font: 12px 'andale mono', 'lucida console', monospace; line-height:1.5; padding: 15px; display: block; overflow: auto; margin-top: 20px; margin: 20px 0 20px 0; width: 100%; border: 0; color: #000; border: 1px solid #e1e1e1; border-radius: 3px; background: #f9f9f9; box-sizing: border-box; } .clear { clear: both; } img.mid_align { vertical-align: middle; margin-right: 5px; border: 0; } .fullwidth_comment_wrapper { width: 100%; float: left; margin-top: 60px; } .fullwidth_comment_wrapper:empty { display: none; } #commentform { margin-top: 0; } #commentform label { margin-bottom: 0; } .logged-in-as { text-align: center; padding-top: 0 !important; margin-bottom: 10px; } #commentform > p, body.single-product .comment-form-rating { box-sizing: border-box; } #commentform > p.input_wrapper { margin: 24px 24px 24px 0; } #commentform > p.input_wrapper.comment-form-url, #commentform > p.input_wrapper.comment-form-comment { margin-right: 0; } #commentform > p.input_wrapper.comment-form-comment { margin-top: 10px; padding: 0; line-height: 0; } #commentform > p.input_wrapper.comment-form-comment textarea { padding: 0; margin-top: 20px; } #commentform > p.comment-form-rating { width: 50%; float: left; display: block; clear: none; padding-top: 10px; padding-bottom: 10px; } #commentform > p.comment-form-rating label { width: 50%; float: left; font-size: 13px; font-weight: 500; } #commentform > p.comment-form-rating .br-widget { width: 50%; float: left; } #commentform > p.comment-form-comment { padding-bottom: 0; clear: both; } #commentform > p.comment-notes { text-align: center; padding: 0 !important; } #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url { float: left; width: calc(33.33% - 16px); } #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url { width: calc(33.33% - 16px); } body.single-product #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author, body.single-product #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email { width: 50%; } #contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform > p.form-submit { padding-top: 15px; clear: both; } blockquote { font-size: 24px; font-weight: 300; color: #222; margin: auto; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; text-align: center; position: relative; line-height: 1.5em; letter-spacing: 0; clear: both; } .textwidget blockquote { margin: 0; } blockquote p { padding: 0 !important; } blockquote h2 { font-weight: normal; font-size: 22px; } blockquote h3 { font-weight: normal; font-size: 20px; } #respond { width: 100%; float: left; } #respond.comment-respond { padding-top: 30px; } /------------------------------------------------------------------ [2. Navigation] / #logo_wrapper { text-align: center; padding: 30px 0 30px 0; } .logo_wrapper img.custom_logo_no_info { width: 50%; height: auto; } .top_bar.scroll #logo_wrapper { display: none; } body.centeralign2 .top_bar.scroll #logo_wrapper, body.centeralign3 .top_bar.scroll #logo_wrapper { display: block; } body.centeralign2 .top_bar.scroll #logo_wrapper .logo_container, body.centeralign3 .top_bar.scroll #logo_wrapper .logo_container { display: none; } body.centeralign2 .top_bar.scroll #menu_wrapper, body.centeralign2 .top_bar.scroll #logo_right_button, body.centeralign3 .top_bar.scroll #menu_wrapper, body.centeralign3 .top_bar.scroll #logo_right_button { top: 17px; } body.admin-bar.centeralign2 .top_bar.scroll #menu_wrapper, body.admin-bar.centeralign2 .top_bar.scroll #logo_right_button, body.admin-bar.centeralign3 .top_bar.scroll #menu_wrapper, body.admin-bar.centeralign3 .top_bar.scroll #logo_right_button { top: 49px; } .top_bar.hasbg { border-bottom: 0; } .top_bar.hasbg #nav_wrapper { border-color: rgba(256, 256, 256, .3); } body.centeralign .top_bar { border-bottom: 0; } .logo_container { display: table; width: 100%; height: 100%; } .logo_align { display: table-cell; vertical-align: middle; line-height: 0; } body.leftmenu .logo_container { display: block; width: 100%; height: auto; } body.leftmenu.admin-bar .logo_container { margin-top: 40px; } .logo_wrapper { margin: 0; display: inline-block; line-height: 0; } .logo_wrapper.hidden { display: none; } .logo_wrapper img.zoom { transform: scale(0.8) !important; } .above_top_bar { height: 40px; background: #222; position: relative; z-index: 3; } .header_style_wrapper { width: 100%; float: left; position: fixed; top: 0; left: 0; z-index: 9; display: block; } #elementor_header.header_style_wrapper { opacity: 0; } #elementor_header.header_style_wrapper.visible { opacity: 1; } #elementor_header.header_style_wrapper.visible section.elementor-invisible { visibility: visible; } #elementor_sticky_header.header_style_wrapper { opacity: 0; z-index: -1; -webkit-transform: translate(0px,-140px); -moz-transform: translate(0px,-140px); transform: translate(0px,-140px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #elementor_sticky_header.header_style_wrapper.visible { opacity: 1; z-index: 9; -webkit-transform: translate(0px,); -moz-transform: translate(0px,0px); transform: translate(0px,0px); } body.admin-bar .header_style_wrapper { padding-top: 32px; } body.leftmenu .header_style_wrapper { display: none; } .header_style_wrapper.nofixed { display: none; } .top_bar { padding: 0; box-sizing: border-box; width: 100%; background: #fff; background: rgb(256,256,256,0.95); background: rgba(256,256,256,0.95); border-bottom: 1px solid #dce0e0; float: left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .top_bar.scroll { box-shadow: 0 0 10px 0 rgba(1, 1, 1, 0.1); } .top_bar.hasbg { background: transparent; -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); box-shadow: 0 1px 30px rgba(0, 0, 0, 0); border: 0; } html[data-menu=centeralign] body .top_bar.scroll #nav_wrapper { border: 0; } .top_bar.noopacity { background: #fff !important; } #mobile_menu { display: none; cursor: pointer; } #menu_wrapper { margin:auto; width: 960px; height: 100%; } body.centeralign #menu_wrapper { margin-top: 20px; } body.centeralign .top_bar.scroll #menu_wrapper { margin-top: 0; } body.centeralign2 #menu_wrapper, body.centeralign3 #menu_address_wrapper { width: auto; display: inline-block; position: absolute; left: 30px; } body.centeralign2 .header_style_wrapper.scroll #menu_wrapper, body.centeralign3 .header_style_wrapper.scroll #menu_address_wrapper { top: 15px; } body.admin-bar.centeralign2 .header_style_wrapper.scroll #menu_wrapper, body.admin-bar.centeralign3 .header_style_wrapper.scroll #menu_address_wrapper { top: 47px; } body.centeralign3 #menu_wrapper { display: inline-block; width: auto !important; padding: 0; } body.centeralign2 #menu_wrapper #nav_wrapper, body.centeralign3 #menu_wrapper #nav_wrapper { border: 0; height: auto; } #nav_wrapper { float: left; display: table; width: 100%; height: 100%; text-align: center; border-top: 1px solid #ccc; } body.centeralign #nav_wrapper { float: none; width: auto; margin: auto; } .nav_wrapper_inner { display: table-cell; vertical-align: middle; } body.centeralign3 #nav_wrapper { float: none; display: inline-block; } body.centeralign3 .nav_wrapper_inner { display: inline-block; } #menu_border_wrapper > div { width: 100%; float: left; } body.centeralign2 #menu_border_wrapper > div, body.centeralign3 #menu_border_wrapper > div { width: auto; float: none; display: inline-block; } #mobile_nav_icon { position: relative; box-sizing: border-box; top: 2px; } body.leftalign #mobile_nav_icon { margin-left: 10px; } body.tg_sidemenu_desktop #mobile_nav_icon { display: none; } #logo_right_button { position: absolute; text-align: right; right: 30px; } .top_bar.hasbg #mobile_nav_icon { border-color: #fff; color: #fff; } .header_client_wrapper { display: inline-block; margin-left: 10px; position: relative; } .header_client_wrapper { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } body.centeralign3 .header_client_wrapper, body.centeralign3 .header_cart_wrapper { top: 2px; } body.leftmenu .mobile_menu_wrapper .header_client_wrapper { position: absolute; bottom: 50px; margin: 0; } .header_client_wrapper span, .header_call_wrapper span { font-size: 16px; font-weight: 500; margin-right: 7px; vertical-align: baseline; } .header_client_wrapper .client_logout_link { margin-left: 1px; margin-right: 1px; } .header_cart_wrapper, .header_call_wrapper { display: inline-block; margin-left: 15px; position: relative; } .header_cart_wrapper .cart_count { position: absolute; top: -10px; right: -10px; font-size: 10px; border-radius: 50px; background: #1C58F6; color: #fff; z-index: 2; width: 16px; height: 16px; line-height: 18px; text-align: center; } .header_cart_wrapper span { font-size: 16px; font-weight: 500; } body.centeralign3 .menu_address_content, body.centeralign3 .menu_tel_content { display: inline-block; line-height: 130%; vertical-align:top; text-align: left; margin-left: 20px; font-size: 13px; } body.centeralign3 .menu_address_label, body.centeralign3 .menu_tel_label { font-weight: 600; } body.admin-bar .mobile_menu_wrapper #mobile_menu_close.button { top: 62px; } body.mobile_menu_wrapper #mobile_menu_close.button { z-index: 99; } .mobile_menu_wrapper #mobile_menu_close.button { position: fixed; top: 30px; right: 30px; border-radius: 250px; width: 40px; height: 40px; padding: 0; line-height: 42px !important; font-size: 16px; -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); box-shadow: 0 8px 8px -6px rgba(0,0,0,.15); transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; } body.js_nav .mobile_menu_wrapper #mobile_menu_close.button { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } body.js_nav .mobile_menu_wrapper #mobile_menu_close.button { z-index: 999; } .mobile_menu_wrapper #mobile_menu_close.button:hover { margin-top: -4px; } .mobile_menu_wrapper { left: -10px; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transform: translate(-400px, 0px); -moz-transform: translate(-400px, 0px); transform: translate(-400px, 0px); -webkit-backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; -webkit-overflow-scrolling: touch; width: 400px; padding: 90px; box-sizing: border-box; background: #111111; position: fixed; top: 0px; height: 100%; color: #999; } body.leftmenu .mobile_menu_wrapper { z-index: 1; } .mobile_menu_content { display: table; width: 100%; height: 100%; } .mobile_menu_content .sidebar_widget { width: 100%; clear: both; } .mobile_menu_content .sidebar_widget li.widget_mphb_search_availability_widget { box-shadow: none !important; } .mobile_menu_wrapper .mobile_menu_content > div { width: 100%; max-height: 100%; overflow: auto; display: table-cell; vertical-align: middle; } body.leftmenu .mobile_menu_wrapper .mobile_menu_content > div { display: block; position: absolute; bottom: 100px; width: calc(100% - 100px); box-sizing: border-box; } .mobile_menu_wrapper .mobile_menu_content .social_wrapper { margin-top: 20px; } .mobile_menu_wrapper .mobile_menu_content .social_wrapper ul li a i { font-size: 24px; line-height: 24px; } body.admin-bar .mobile_menu_wrapper { padding-top: 32px; } body.admin-bar #close_mobile_menu { top: 32px; } body.js_nav .mobile_menu_wrapper, html[data-menu=leftmenu] body.js_nav .mobile_menu_wrapper { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -o-transform: translate(0px, 0px); overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; left: 0; z-index: 99; } #close_mobile_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } #close_mobile_menu.open { z-index: 99; } .mobile_main_nav, #sub_menu { margin-top: 40px; margin-bottom: 40px; list-style: none; overflow: hidden; width: 100%; } body.leftmenu .mobile_main_nav #sub_menu { margin-top: 250px; } #sub_menu .sub-menu { margin-left: 15px; margin-top: 5px; margin-bottom: 5px; list-style: none; } #sub_menu li { width: 100%; } .mobile_main_nav li a, #sub_menu li a { color: #777; width: 100%; display: block; font-size: 14px; font-weight: 600; line-height: 2em; text-transform: uppercase; } .mobile_main_nav li a:hover, .mobile_main_nav li a:active, #sub_menu li a:active { color: #fff; } .mobile_main_nav li ul.sub-menu { display: none; } .mobile_main_nav.mainnav_in { -webkit-animation: mainNavIn 0.4s; animation: mainNavIn 0.4s; } .mobile_main_nav.mainnav_out { -webkit-animation: mainNavOut 0.4s; animation: mainNavOut 0.4s; } #sub_menu.subnav_out { -webkit-animation: subNavOut 0.4s; animation: subNavOut 0.4s; } #sub_menu.subnav_in { -webkit-animation: subNavIn 0.4s; animation: subNavIn 0.4s; } #sub_menu li ul a:after { display: none; } #menu_back { text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 14px !important; margin-bottom: 5px; font-weight: 600 !important; } #menu_back:before { font-size: 12px; margin-right: 0.7em; position: relative; display: inline; font-family: 'Font Awesome 5 Free'; content: "\f104"; font-weight: 900; } .overlay_background { opacity: 0; visibility: hidden; background-color: rgba(256, 256, 256, 1); position: fixed; z-index: -2; top: 0; left:0; width: 100%; height: 100%; -ms-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #page_caption_overlay, .content_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .ppb_wrapper .withbg .overlay_background { z-index: 1; visibility: visible; opacity: 1; position: absolute; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #side_menu_wrapper.overlay_background.share_open { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; z-index: 9; overflow: auto; } .overlay_background.share_open, #side_menu_wrapper.overlay_background.share_open { background-color: rgba(0, 0, 0, 0.9); } .overlay_background.visible { opacity: 1; visibility: visible; } body #side_menu_wrapper { background: transparent; } body.js_nav #side_menu_wrapper { display: none; } #close_share, .mobile_menu_wrapper #close_mobile_menu { position: absolute; top: 42px; right: 40px; left: auto; z-index: -1; width: 20px; height: 40px; line-height: 42px; border-radius: 25px; background: #eee; color: #fff; text-align: center; padding: 0 10px 0 10px; cursor: pointer; z-index: 10; display: block; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } #close_share:hover, .mobile_menu_wrapper #close_mobile_menu:hover { -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } #close_share.open, .mobile_menu_wrapper #close_mobile_menu.open { z-index: 99; } .nav, .subnav, .nav_page_number { list-style: none; padding: 10px 0 10px 0; } .subnav { background: none; } .nav > li, .nav_page_number > li { display: inline-block; } .nav_page_number { margin-top: 2px; } #menu_wrapper .nav ul, #menu_wrapper div .nav { list-style: none; display: block; padding: 0; margin: 0; margin-bottom: 0; } #menu_wrapper .nav ul li, #menu_wrapper div .nav li { display: inline-block; margin: 0; padding: 10px 8px 10px 8px; } body.centeralign #menu_wrapper div .nav > li { padding: 10px 15px 10px 15px; } body.centeralign2 #menu_wrapper div .nav > li, body.centeralign3 #menu_wrapper div .nav > li { padding: 2px 8px 2px 8px; } #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li { clear: both; width: 100%; margin: 0; text-align: left !important; padding: 5px 20px 5px 20px; box-sizing: border-box; } #menu_wrapper .nav ul li:last-child, #menu_wrapper div .nav li:last-child { margin-right: 0; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a { display: inline-block; padding: 0; margin: 0; color: #666; font-size: 12px; padding: 0; font-weight: 400; margin-right: 10px; font-family: "Renner", 'Helvetica Neue', Arial,Verdana,sans-serif; text-transform: uppercase; position: relative; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; } #menu_wrapper .nav ul li a:before, #menu_wrapper div .nav li > a:before, .post_attribute a:before, #page_content_wrapper .inner .sidebar_wrapper a:not(.button):before { content: ''; display: block; position: absolute; bottom: 2px; left: 0; height: 1px; width: 100%; background-color: #666; transform-origin: right top; transform: scale(0, 1); transition: color 0.1s,transform 0.2s ease-out; } #page_content_wrapper .inner .sidebar_wrapper a.no_effect:before { display: none !important; } #menu_wrapper .nav ul li a:active:before, #menu_wrapper div .nav li > a:active:before { background-color: #666; } #page_content_wrapper .inner .sidebar_wrapper a:not(.button) { position: relative; } #menu_wrapper .nav ul li a:hover:before, #menu_wrapper div .nav li > a:hover:before, .post_attribute a:hover:before, #page_content_wrapper .inner .sidebar_wrapper a:not(.button):hover:before, #menu_wrapper .nav li.current-menu-item a:before { transform-origin: left top; transform: scale(1, 1); } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a:first-child { padding-left: 0; } #wrapper.transparent .top_bar:not(.scroll) #menu_wrapper div .nav > li > a, #wrapper.transparent .top_bar:not(.scroll) #logo_right_button a#mobile_nav_icon, #wrapper.transparent #logo_wrapper .social_wrapper ul li a, #wrapper.transparent .top_bar:not(.scroll) .header_cart_wrapper a, #wrapper.transparent .top_bar:not(.scroll) .header_client_wrapper a, #wrapper.transparent .top_bar:not(.scroll) .header_client_wrapper, #wrapper.transparent .top_bar:not(.scroll) .header_call_wrapper a, #wrapper.transparent .top_bar:not(.scroll) .header_call_wrapper, #wrapper.transparent .top_bar:not(.scroll) #menu_address_wrapper, #wrapper.transparent .top_bar:not(.scroll) #menu_address_wrapper a { color: #fff !important; } #wrapper.transparent #menu_wrapper .nav ul li a:before, #wrapper.transparent #menu_wrapper div .nav li > a:before { background: #fff !important; } #menu_wrapper .nav li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after { text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-family: 'themify'; content: "\e64b"; float: right; margin-left: 8px; line-height: 3em; } #menu_wrapper .nav ul li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after { font-size: 7px; } #menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover { color: #444; z-index: 2; position: relative; } #menu_wrapper div .nav > li.current-menu-item > a, #menu_wrapper div .nav > li.current-menu-parent > a, #menu_wrapper div .nav > li.current-menu-ancestor > a { color: #444; z-index: 2; position: relative; } #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { list-style: none; background: transparent; position: absolute; width: 200px; height: 0; padding: 0; z-index: -1; margin: 0; margin-left: 0; margin-top: 2px; border: 0; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); opacity: 0; overflow: hidden; -webkit-transform: translate(0px,-15px); -moz-transform: translate(0px,-15px); transform: translate(0px,-15px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul { position: absolute; left: 201px; margin-top: -42px; margin-left: 0; opacity: 0; } #menu_wrapper .nav ul li ul li ul:before, #menu_wrapper div .nav li ul li ul:before { display: none; } #menu_wrapper .nav > li:hover > ul, #menu_wrapper .nav > li > ul > li:hover > ul { z-index: 9; opacity: 1; height: auto; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); transform: translate(0px,0px); overflow: visible; } #menu_wrapper div .nav li ul li a, #1menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a { display: block; background: transparent; height: auto; } #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a { border-top: 0; margin: 0; font-size: 11px; padding: 0; letter-spacing: 0; font-weight: 400; text-transform: none; box-sizing: border-box; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -ms-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } #menu_wrapper .nav ul li:first-child > a, #menu_wrapper .nav ul li ul li:first-child > a, #menu_wrapper div .nav li.current-menu-parent ul li:first-child > a { margin-top: 10px; } #menu_wrapper .nav ul li:last-child > a, #menu_wrapper .nav ul li ul li:last-child > a, #menu_wrapper div .nav li.current-menu-parent ul li:last-child > a { margin-bottom: 10px; } #menu_wrapper .nav ul li.megamenu > ul, #menu_wrapper div .nav li.megamenu > ul { position: absolute; width: 960px; left: 0; right: 0; margin-left:auto; margin-right:auto; padding: 0; box-sizing: border-box; } #menu_wrapper .nav ul li:not(.megamenu) > ul.sub-menu > li.arrow > a:after, #menu_wrapper div .nav li:not(.megamenu) > ul.sub-menu > li.arrow > a:after { font-size: 7px; margin-left: 8px; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-family: 'themify'; content: "\e649"; float: right; margin-right: 0px; line-height: 3em; } #menu_wrapper div .nav li.megamenu ul li { display: block; box-sizing: border-box; clear: none; float: left; border-left: 1px solid #eeeeee; } #menu_wrapper div .nav li.megamenu ul li > a { display: none; } #menu_wrapper div .nav li.megamenu ul li:first-child { border: 0; } #menu_wrapper div .nav li.megamenu.col2 ul > li.menu-item-has-children { width: 50%; padding: 5px 15px 0 0; } #menu_wrapper div .nav li.megamenu.col3 ul > li.menu-item-has-children { width: 33.3%; padding: 5px 15px 0 0; } #menu_wrapper div .nav li.megamenu.col4 ul > li.menu-item-has-children { width: 25%; padding: 5px 15px 0 0; } #menu_wrapper .nav ul li.megamenu ul li ul, #menu_wrapper div .nav li.megamenu ul li ul { position: relative; width: 100%; margin: 0; border: 0; box-shadow: 0 0 0; display: block !important; opacity: 1 !important; left: 0; height: auto; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); overflow: visible; } #menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li { width: 100% !important; border: 0 !important; } #menu_wrapper div .nav li.megamenu ul li > a, #menu_wrapper div .nav li.megamenu ul li > a:hover, #menu_wrapper div .nav li.megamenu ul li > a:active { color: #444; box-sizing: border-box; background: transparent; } #menu_wrapper .nav ul li.megamenu ul li ul li a, #menu_wrapper div .nav li.megamenu ul li ul li a { color: #888; border-bottom: 0; } #menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li a { width: auto; display: inline-block; margin-left: 5px; padding: 0; } @media only screen and (min-width: 1200px) { #menu_wrapper .nav ul li.megamenu > ul, #menu_wrapper div .nav li.megamenu > ul { max-width: 1425px; width: 100%; width: calc(100% - 180px); box-sizing: border-box; } } .top_contact_info_container { display: table; float: right; height: 100%; } .top_contact_info { font-size: 12px; color: #222; float: right; line-height: 40px; } .top_contact_info i { margin-right: 10px; color: #222; font-size: 12px; vertical-align: middle; } .top_contact_info span { display: inline-block; margin-left: 10px; } .top_contact_info a { color: #444; } #top_menu { float: left; display: block; list-style: none; } #top_menu li { float: left; margin-right: 20px; } #top_menu li a { font-size: 13px; font-weight: 400; color: #222; line-height: 40px; } #footer_menu li ul { display: none; } /------------------------------------------------------------------ [3. Footer] / .footer_photostream_wrapper { margin-top: 20px; text-align: center; } .footer_photostream { margin-top: 20px; } .footer_bar { clear: both; width: 100%; margin: auto; padding: 0 0 10px 0; float: left; background: #fff; -webkit-transition: -webkit-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: -webkit-transform 500ms ease; } #footer_wrapper { width: 100%; float: left; } body.leftmenu #footer_wrapper { width: calc(100% - 350px); margin-left: 350px; } #footer { width: 100%; margin: auto; word-wrap: break-word; margin-bottom: 0; float: left; clear: both; } #footer.empty { padding: 0; } #footer.ppb_wrapper { margin-top: 0; } #footer a { color: #000; } #footer a:hover, #footer a:active { color: #000; } #footer .sidebar_widget li h2.widgettitle { margin-top: 10px; margin-bottom: 10px; } #footer ul.sidebar_widget { width: 960px; list-style: none; margin: 0; margin: auto; padding-top: 50px; padding-bottom: 50px; } #footer ul.sidebar_widget:after { content: ''; display: block; clear: both; } #footer ul.sidebar_widget li ul { list-style: none; margin-left: 0; } #footer ul.sidebar_widget li ul li ul.children { margin-left: 10px; margin-bottom: 0; } #footer ul.sidebar_widget li ul li ul.children li:last-child { border: 0; margin-bottom: 0; } #footer .sidebar_widget.four > li { width: 20%; float: left; margin-right: 5%; } #footer .sidebar_widget.four > li:nth-child(4) { margin-right: 0; width: 25%; } #footer .sidebar_widget.three > li { width: 31.33%; margin-right: 3%; float: left; } #footer .sidebar_widget.three > li:nth-child(3) { margin-right: 0; } #footer .sidebar_widget.two > li { width: 48%; float: left; margin-right: 2%; } #footer .sidebar_widget.two > li:nth-child(2) { margin-right: 0; width: 50%; } #footer .sidebar_widget.one { float: none; } #footer .sidebar_widget.one > li { width: 100%; clear: both; float: left; margin-bottom: 30px; text-align: center; } #footer .sidebar_widget.one > li .social_wrapper.shortcode ul { text-align: center; } #footer .sidebar_widget.one > li:last-child { margin-bottom: 0; } #footer ul.sidebar_widget li ul.posts.blog li img { width: 60px; float: left; margin: 0 15px 15px 0; } #footer ul.sidebar_widget li ul.posts.blog li { clear: both !important; float: left; border: 0; width: 100%; } #footer ul.sidebar_widget li ul li { margin: 0 0 10px 0; } #footer ul.sidebar_widget li ul li ul.sub-menu { margin-left: 15px; } #footer ul.sidebar_widget li ul.flickr li { margin: 0 2% 0 0; border-bottom: 0; width: 31% } #footer ul.sidebar_widget.one li ul.flickr li { width: 8%; margin: 0 2% 1.2% 0; } #footer ul.sidebar_widget.two li ul.flickr li { width: 15%; margin: 0 2% 1% 0; } #footer ul.sidebar_widget.three li ul.flickr li { width: 20%; margin: 0 2% 0 0; } #footer ul.sidebar_widget li ul.flickr li img { width: 100%; height: auto; } #copyright { float: left; width: 50%; font-weight: normal; text-align: left; } .footer_bar.fullscreen #copyright { color: #fff; } .footer_bar.fullscreen .footer_bar_wrapper, .footer_bar.wall .footer_bar_wrapper, .footer_bar.static .footer_bar_wrapper { margin: auto; float: none; } .footer_bar_wrapper { width: 960px; margin: auto; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; -webkit-font-smoothing: antialiased; clear: both; color: #fff; border-top: 1px solid #444; padding-top: 20px; } #footer .logo_container { text-align: center; margin-top: 50px; float: none; width: 100%; } #footer .logo_container .logo_align { display: block; } #toTop { width:45px; height: 45px; box-sizing: border-box; opacity: 0; text-align:center; padding:10px 10px 10px 10px; position:fixed; /* this is the magic / bottom: 20px; right: 10px; cursor:pointer; transition: color 300ms, background-color 300ms, opacity 300ms; -moz-transition: color 300ms, background-color 300ms, opacity 300ms; -o-transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; z-index: 9; background: rgba(0,0,0,0.1); color: #fff; display: block; } #toTop i { font-size: 1.5em; line-height: 24px; } /------------------------------------------------------------------ [4. Content] / #content_wrapper { width: 72%; float: left; margin: 0; } #page_content_wrapper:not(.wide), .page_content_wrapper:not(.wide) { width: 960px; margin: auto; padding-bottom: 0; margin-top: 0; } body.search #page_content_wrapper .inner { padding-bottom: 50px; } body.page-template-default .inner { padding-bottom: 70px; } body.elementor-page .inner { padding-bottom: 0 !important; } body.home.blog #page_content_wrapper { margin-top: 40px; } #page_content_wrapper.wide.nomargin, .page_content_wrapper.wide.nomargin { margin-top: 0; } .page_content_wrapper, .page_content_wrapper .inner, .page_content_wrapper .inner .inner_wrapper { width: 100%; float: left; } body:not(.elementor-page) #page_content_wrapper img { max-width: 100%; height: auto; } .standard_wrapper { width: 960px; margin: auto; position: relative; float: none; } .standard_wrapper.withpadding { padding-top: 30px; padding-bottom: 30px; } .page_content_wrapper.fullwidth, #page_content_wrapper.fullwidth { width: 100%; padding: 0; } #page_content_wrapper .inner { width: 100%; margin: auto; float: left; } #page_content_wrapper .inner .inner_wrapper { padding-top: 0; width: 100%; float: left; } .type-post.classic.classic:first-child { margin-top: 0; } .type-post.type-post.classic { margin-bottom: 20px; margin-top: 20px; } .type-post.classic { float: left; } .post.type-post.sticky .post_wrapper, body:not(.single) .post:first-child.type-post.sticky .post_wrapper { padding: 20px 30px 30px 30px; box-sizing: border-box; } body.page-template-blog-fg .post.type-post { margin-bottom: 4%; } body.page-template-blog-fg .post.type-post .post_wrapper { border: 0; padding: 0; } body.search-results .hentry { float: left; width: 100%; margin-bottom: 35px; border: 0; } #page_content_wrapper .inner #blog_grid_wrapper.sidebar_content { margin-right: 0; padding-right: 0; box-sizing: border-box; margin-bottom: 0; } #page_content_wrapper .inner #blog_grid_wrapper.sidebar_content.left_sidebar { padding-right: 0; } #blog_grid_wrapper.sidebar_content:not(.full_width) .post.type-post, .post.type-post.grid_layout { width: 48%; margin-top: 0; margin-bottom: 5%; float: left; border: 0; } #blog_grid_wrapper.sidebar_content:not(.full_width) .post.type-post:nth-child(even), .post.type-post.grid_layout.last { float: right; } body.single .post.type-post { border: 0; margin-bottom: 0; } .post.type-post.last-child { border: 0; margin: 0; padding: 0; } #blog_grid_wrapper { padding-top: 30px; } #blog_grid_wrapper.ppb_blog_posts, .blog_grid_wrapper.ppb_blog_posts { padding-top: 0; } #blog_grid_wrapper .post.type-post, .blog_grid_wrapper .post.type-post { margin-bottom: 20px; box-sizing: border-box; padding: 0; padding: 0; box-sizing: border-box; border: 0; } body.page-template-blog-g-php #blog_grid_wrapper .post.type-post, body.error404 #blog_grid_wrapper .post.type-post, .ppb_blog_posts .post.type-post, body.archive #blog_grid_wrapper .post.type-post { float: left; width: 31.66%; float: left; margin-right: 2.5%; margin-bottom: 3.5%; margin-top: 0; } body.page-template-blog-g-php #blog_grid_wrapper .post.type-post:nth-child(3n), body.error404 #blog_grid_wrapper .post.type-post:nth-child(3n), .ppb_blog_posts .post.type-post:nth-child(3n), body.archive #blog_grid_wrapper .post.type-post:nth-child(3n) { margin-right: 0; } body.page-template-blog-g-php #blog_grid_wrapper .post.type-post:nth-child(3n+1), body.error404 #blog_grid_wrapper .post.type-post:nth-child(3n+1), .ppb_blog_posts .post.type-post:nth-child(3n+1), body.archive #blog_grid_wrapper .post.type-post:nth-child(3n+1) { clear: both; } body.page-template-blog-g-php #blog_grid_wrapper .post.type-post.last, .ppb_blog_posts .post.type-post.last { margin-right: 0; float: right; } .post.type-post:last-child { margin-bottom: 0; } .post_wrapper.grid_layout { float: left; } body.single .post_wrapper { padding-bottom: 0; word-break: break-word; } body.single .post_related .post_wrapper { text-align: center; width: 100%; } .post_related .post_header_wrapper { clear: both; float: left; width: 100%; box-sizing: border-box; } body:not(.single) .post:first-child .post_wrapper, body.page-template-blog-gs-php .post:first-child .post_wrapper, body.page-template-blog-gs-php .post:nth-child(2) .post_wrapper, body.page-template-blog-gls-php .post:first-child .post_wrapper, body.page-template-blog-gls-php .post:nth-child(2) .post_wrapper, body.page-template-blog-g-php .post:first-child .post_wrapper, body.page-template-blog-g-php .post:nth-child(2) .post_wrapper, body.page-template-blog-g-php .post:nth-child(3) .post_wrapper, body.error404 .post:first-child .post_wrapper, body.error404 .post:nth-child(2) .post_wrapper, body.error404 .post:nth-child(3) .post_wrapper, .ppb_blog_grid .post:first-child .post_wrapper, .ppb_blog_grid .post:nth-child(2) .post_wrapper, .ppb_blog_grid .post:nth-child(3) .post_wrapper { border-top: 0; padding-top: 0; } body.search .post_wrapper:first-child { padding: 20px 0 25px 0; border: 0; } .post_wrapper.single { width: 100%; margin: 0; } body.single .post-views { display: none; } .post_header { width: 100%; float: left; margin-bottom: 10px; position: relative; z-index: 1; } .post_header p { text-align: left; } .post_header.search { width: calc(100% - 50px); margin-bottom: 0; margin-left: 10px; text-align: left; } body.search-results .post_header.search { width: calc(100% - 90px); } .post_header.quote { margin-bottom: 0; } .readmore { font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; display: inline-block; border-bottom: 1px solid #222; } .readmore span { display: none; } .readmore:hover { opacity: 1; } .post_header.grid { margin-bottom: 15px; width: 100%; box-sizing: border-box; } .post_header.grid.related { margin-bottom: 0; } .post_header.full { width: 100%; } body.page-template-blog-f-php .post_excerpt_full { margin-bottom: 0; } .post_header.grid h6 { font-size: 18px; } .post_header h3 a, .post_header.grid h6 a { color: #222222; } .post_header h5 { font-size: 26px; margin: 10px 0 10px 0; } .post_header h6 { font-size: 20px; } .post_header h5 a, .post_header h6 a { color: #222222; } .post_attribute a { position: relative; padding: 3px 0 3px 0; } .post_attribute a:before { opacity: 0.5; } .post_excerpt { width: 100%; margin: auto; } .post_excerpt br:first:child { display: none; } .post_excerpt.post_tag { width: auto; float: left; margin: initial; text-align: left; margin-top: 20px; } .post_excerpt.post_tag a { color: #888; display: inline-block; border: 0; background: #f0f0f0; padding: 3px 15px 3px 25px; margin-right: 10px; margin-bottom: 10px; position: relative; font-size: 15px; } .post_excerpt.post_tag a:before { background: #fff; border-radius: 10px; content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 14px; } .post_excerpt.post_tag a:after { background: #fff; border-bottom: 17px solid transparent; border-left: 10px solid #f0f0f0; border-top: 17px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .post_share_text { float: right; margin-top: 35px; cursor: pointer; font-size: 14px; color: #fff; background: #EFA697; border-radius: 250px; border: 2px solid #EFA697; width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-transition: color .2s linear, background .1s linear; -moz-transition: color .2s linear, background .1s linear; -ms-transition: color .2s linear, background .1s linear; -o-transition: color .2s linear, background .1s linear; transition: color .2s linear, background .1s linear; } .post_share_text:hover { background: #000; border-color: #000; } .post_share_text i { font-size: 14px; } #about_the_author { margin: 60px 0 0 0; border-top: 2px solid #dce0e0; border-bottom: 2px solid #dce0e0; padding: 40px 0 40px 0; box-sizing: border-box; } #about_the_author:after { content: " "; display: block; height: 0; clear: both; } #about_the_author .gravatar { float: left; margin-right: 20px; width: 100px; } #about_the_author .author_detail { float: left; width: calc(100% - 120px); } .post_related { margin-top: 40px; } .post_related h5 { margin-bottom: 30px; } .post_content_wrapper { margin: 0; clear: both; width: 100%; box-sizing: border-box; } .post_content_wrapper.fullwidth { width: 100%; } .recent_post_detail, .post_detail, .thumb_content span .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company { width: 100%; padding: 0; float: left; margin: 5px 0 15px 0; font-weight: 500; } .search_form_wrapper { margin-bottom: 30px; } body.search .search_form_wrapper { margin-top: 0; } .search_form_wrapper .content { font-size: 16px; text-align: center; width: 60%; margin: auto; margin-bottom: 40px; } .post_header .post_detail.grid { margin-top: 5px; } .post_header .post_detail.full { width: 100%; margin-top: 7px; margin-bottom: 7px; } .post_header .post_detail.grid { margin-bottom: 0; } .post_attribute, .comment_date, .post-date { padding: 0; margin-top: 0; } body.single-mphb_room_type .page_title_content .post_attribute, body.single-mphb_room_type .singleroom_other_header .post_attribute { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; } .mphb-price-period { border: 0 !important; } .post_button_wrapper .post_attribute, .posts.blog li .post_attribute { opacity: 0.5; } .post_info_cat { font-size: 12px; margin-top: 20px; margin-bottom: 5px; font-weight: 300; } #page_caption.hasbg .post_info_cat { color: #fff !important; } .post_detail.single_post a, .post_detail.single_post a:hover, .post_detail.single_post a:active { text-transform: uppercase; } .post_detail.single_post { text-transform: uppercase; margin-bottom: 10px; font-size: 12px; letter-spacing: 2px; } body.single .post_detail.single_post.related { margin-bottom: 5px; } .search_thumb { float: left; border-radius: 200px; width: 60px; height: 60px; overflow: hidden; position: relative; margin-top: 5px; } body.search-results .search_thumb { margin-right: 15px; } .search_thumb img { width: 60px; height: 60px; } .rev_slider_wrapper { z-index: 1; } #page_caption.hasbg .post_detail, #page_caption.hasbg .post_detail a, #page_caption.hasbg .post_detail a:hover, #page_caption.hasbg .post_detail a:active, .page_tagline { padding: 0; color: #fff; margin-top: 10px; } #page_caption.hasbg .post_attribute { color: #fff; margin-top: 10px; } #page_caption .post_detail { float: none; } .post_detail_wrapper { float: left; width: 96%; margin: 0 0 10px 0; } .gravatar { position: relative; z-index: 2; overflow: hidden; float: left; width: 100px; height: 100px; border-radius: 200px; } .comment .gravatar { width: 60px; height: 60px; } .gravatar img { max-width: 100% !important; } #about_the_author .header span { display: block; padding: 10px 0 10px 20px; font-size: 14px; } #about_the_author .thumb { width: 80px; float: left; margin: 20px 0 0 20px; } #about_the_author .thumb img { padding: 3px; width: 50px; } #about_the_author .description { width: 550px; float: left; padding: 0 0 0 20px; } .comment .left img.avatar { width: 50px; height: 50px; } .comment { width: 100%; padding: 30px 0 25px 0; float: left; border-bottom: 1px solid #dce0e0; } .fullwidth_comment_wrapper .comment { width: 100%; } .comment .left { float: left; margin-right: 15px; } .comment .right { width: calc(100% - 85px); float: left; margin-left: 25px; padding: 0; } .fullwidth_comment_wrapper .comment .right { width: calc(100% - 85px); } .fullwidth_comment_wrapper.sidebar .comment .right { width: calc(100% - 85px); } .fullwidth_comment_wrapper.sidebar .comment .right.fullwidth { width: 100%; margin-left: 0; } .comment .right p { margin: 0; padding: 0; } .comment .right strong { font-weight: #fff; } #page_content_wrapper .inner .sidebar_content ul.children { width: 100%; float: left; margin-left: 0; padding-left: 30px; box-sizing: border-box; } .comment_date { margin: 0px; opacity: 0.5; } ul.children .comment { width: 100%; margin: 0; padding: 30px 0 25px 0; float: left; } ul.children .comment:first-child { margin-top: 0px; } .social_wrapper { width: 100%; margin: 20px 0 5px 0; } #logo_wrapper .social_wrapper { width: auto; margin: 0; left: 30px; text-align: left; position: absolute; } .footer_bar_wrapper .social_wrapper { width: 50%; float: right; text-align: right; margin: 0; margin-top: -2px; } .above_top_bar .social_wrapper { margin: 6px 15px 0 0; float: right; width: auto; } .social_wrapper.shortcode, .social_wrapper.shortcode ul { margin: 0; } #page_content_wrapper .sidebar .content .textwidget .social_wrapper.shortcode, .page_content_wrapper .sidebar .content .textwidget .social_wrapper.shortcode, #page_content_wrapper .sidebar .content .textwidget .social_wrapper.shortcode ul, .page_content_wrapper .sidebar .content .textwidget .social_wrapper.shortcode ul { text-align: center; } .social_wrapper ul { list-style: none; margin-left: 0 !important; } .above_top_bar .social_wrapper ul { text-align: right; } .footer_bar_wrapper .social_wrapper ul { text-align: right; } #page_content_wrapper .social_wrapper ul { list-style: none; margin-top: 12px; } #page_content_wrapper .social_wrapper.shortcode ul { margin-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li .social_wrapper.shortcode ul, .page_content_wrapper .sidebar .content .sidebar_widget li .social_wrapper.shortcode ul { margin-bottom: 0; } .social_wrapper ul li, .social_wrapper.small ul li { display: inline-block; margin-right: 15px; } #logo_wrapper .social_wrapper ul li { margin-right: 10px; } .social_wrapper.shortcode ul li, .social_wrapper.small.shortcode ul li { margin: 0 5px 10px 5px !important; } .footer_bar_wrapper .social_wrapper ul li { background: transparent !important; border: 0 !important; width: 16px; height: 16px; margin-left: 20px; margin-right: 0; float: right; } .social_wrapper.light ul li { border: 0 !important; } .social_wrapper.large ul li { width: 50px; height: 50px; } .above_top_bar .social_wrapper ul li { background: transparent; border: 0; width: auto; height: auto; margin-right: 0px; } .above_top_bar .social_wrapper ul li { background: transparent; border: 0; width: auto; height: auto; margin-right: 0px; } .social_wrapper.shortcode ul li { clear: none !important; float: none !important; width: auto !important; display: inline-block !important; } .social_wrapper.shortcode ul li a { display: block; width: 40px; height: 40px; color: #fff !important; background: #000; border-radius: 250px; line-height: 42px; text-align: center; } .social_wrapper.shortcode ul li a i { position: relative; top: 1px; } .social_wrapper.shortcode ul li.facebook a { background: #2D5F9A; } .social_wrapper.shortcode ul li.twitter a { background: #00C3F3; } .social_wrapper.shortcode ul li.pinterest a { background: #bd081c; } .social_wrapper.shortcode ul li.google a { background: #db4437; } .social_wrapper.shortcode ul li.youtube a { background: #cc181e; } .social_wrapper.shortcode ul li.flickr a { background: #FF0084; } .social_wrapper.shortcode ul li.vimeo a { background: #00ADEF; } .social_wrapper.shortcode ul li.tumblr a { background: #36465d; } .social_wrapper.shortcode ul li.dribbble a { background: #EA4C89; } .social_wrapper.shortcode ul li.linkedin a { background: #0077B5; } .social_wrapper.shortcode ul li.instagram a { background: #405de6; } .social_wrapper.shortcode ul li.behance a { background: #1769ff; } .sidebar_content ul li .social_wrapper.shortcode, .sidebar_content ul li .social_wrapper.shortcode ul { text-align: center !important; } .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle:before { border: 0; } .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle span { background: transparent; padding-left: 0; padding-right: 0; } .above_top_bar .social_wrapper ul li:last-child a { margin-right: 0; } .above_top_bar .social_wrapper ul li a { display: inline-block; color: #fff; padding: 0; margin-left: 5px; margin-right: 5px; line-height: 30px; } .above_top_bar .page_content_wrapper { margin: auto; width: 960px; float: none; } .footer_bar_wrapper .social_wrapper ul li a { color: #fff; } .social_wrapper ul li a i, .social_wrapper.small ul li a i { line-height: 18px; font-size: 18px; } .above_top_bar .social_wrapper ul li a i { font-size: 14px; line-height: 18px; } .footer_bar_wrapper .social_wrapper ul li a i { line-height: 20px; font-size: 18px; } .social_wrapper.large ul li a i { line-height: 32px; font-size: 24px; } .above_top_bar .social_wrapper ul li:hover { background: transparent !important; opacity: 1; } #page_caption { padding: 25px 0 30px 0; width: 100%; margin-bottom: 65px; background: #ffffff; } body.ppb_enable #page_caption { margin-bottom: 0; } #page_caption.single_gallery { margin-bottom: 0; border: 0; } #page_caption.hasbg { height: 60%; max-height: 750px; position: relative; top: 0; right: 0; width: 100%; border: 0; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .post_caption { text-align: center; margin: 50px 0 30px 0; } #page_content_wrapper.hasbg .post_caption { margin-top: 30px; } .post_caption .post_detail { font-size: 14px; display: inline-block; width: auto; float: none; } .parallax_overlay_header { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 2; } #page_caption.nomargin { margin-bottom: 0; } #page_caption .page_title_wrapper { width: 100%; text-align: center; } body.single-post #page_caption .page_title_wrapper { width: 100%; } body.single-post #page_caption .post_detail { margin-top: 10px; } #page_caption.hasbg { width: 100%; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } #page_caption.hasbg .page_title_wrapper { margin: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } #page_caption.hasbg .page_title_wrapper .standard_wrapper { display: table; width: 100%; height: 100%; } #page_caption.hasbg .page_title_wrapper .page_title_inner { position: relative; display: table-cell; vertical-align: middle; } #page_caption.hasbg h1, #page_caption.hasbg .page_tagline { color: #fff; } .page_tagline { width: auto; margin: auto; float: none; margin-top: 10px; } .overlay_gallery_content .page_tagline { margin-bottom: 20px; max-width: 90%; } #page_caption.hasbg .page_tagline { border: 0; } .one_half { float: left; width: 48%; margin-right: 3.5%; box-sizing: border-box; } .one_half.last { float: right; width: 48%; margin-right: 0; clear: right; } .one_third { width: 30.66%; float: left; margin-right: 4%; margin-bottom: 2%; position: relative; box-sizing: border-box; } .one_third.last { margin-right: 0 !important; float: right; } .video_wrapper { position: relative; padding-bottom: 56.25%; / 16:9 / padding-top: 25px; height: 0; } .video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post_navigation { position: fixed; top: calc(50% + 60px); z-index: 1; } .post_navigation.previous { left: 0; } .post_navigation.next { right: 0; } .post_navigation.previous .navigation_anchor, .post_navigation.next .navigation_anchor { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: -40px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .post_navigation.next .navigation_anchor { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0; margin-right: -20px; } .post_navigation .navigation_post_content { position: absolute; background: #fff; width: 350px; box-sizing: border-box; -webkit-transition: ease -webkit-transform 500ms, opacity ease 500ms; transition: ease transform 500ms, opacity ease 500ms; opacity: 0; top: -170px; padding: 30px 30px 30px 100px; -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); } .post_navigation.next .navigation_post_content { padding: 30px 100px 30px 30px; -webkit-transform: translateX(350px); -ms-transform: translateX(350px); transform: translateX(350px); } .post_navigation.next:hover .navigation_post_content { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); opacity: 1; } .post_navigation.previous:hover .navigation_post_content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .post_navigation .navigation_post_content .post_img { margin: 0; margin-bottom: 15px; width: 220px; float: none; } .post_navigation .navigation_post_content .post_img img { width: auto; max-height: 220px; } #right_click_content { position: fixed; opacity: 0; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 22px; text-align: center; transition: all 0.5s linear; } #right_click_content.visible { opacity: 1; z-index: 999; visibility: visible; transition: all 0.5s linear; } #right_click_content .right_click_content_table { display: table; width: 100%; height: 100%; } #right_click_content .right_click_content_table .right_click_content_cell { display: table-cell; vertical-align: middle; } #right_click_content .right_click_content_table .right_click_content_cell > div { width: 40%; margin: auto; } .ba-slider .handle:after { box-shadow: none !important; background: transparent !important; border: 2px solid #fff !important; font-family: 'themify' !important; font-size: 24px !important; line-height: 61px !important; content: '\e658' !important; } .ba-slider .handle.draggable:after { font-size: 18px !important; line-height: 45px !important; } .ba-slider .handle { width: 1px !important; font-family: 'themify' !important; background: rgba(256,256,256,0.2) !important; } /------------------------------------------------------------------ [5. Social Sharing] / body.home.blog .type-post, body.archive.tag .type-post, body.archive.category .type-post { margin-bottom: 30px; } .post_img { position: relative; height: auto; line-height: 0; width: 100%; margin-bottom: 20px; } .post_img img { max-width: 100%; height: auto !important; } .post_img.team { width: 100%; margin: auto; float: none; margin-bottom: 0; overflow: hidden; } .post_img.team img { max-width: 100%; } .post_ft_img { opacity: 0; } .post_img.small.square_thumb { width: auto; } body.single-post .post_img.post_ft img { width: auto; margin-bottom: 30px; } #content_slider_wrapper { width: 100%; height: 20px; background: transparent; position: fixed; bottom: 200px; } #social_share_wrapper, .social_share_wrapper { margin-left: 0 !important; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; text-align: center; clear: both; } #social_share_wrapper a i, .social_share_wrapper.shortcode a i { font-size: 20px; } .social_share_wrapper.shortcode { margin: 0; } #social_share_wrapper h5, .social_share_wrapper.shortcode h5 { display: inline-block; margin-bottom: 5px; } #social_share_wrapper ul, .social_share_wrapper.shortcode ul, .social_share_bubble ul { display: block; clear: both; list-style: none; margin: 0; margin-left: 0 !important; } #social_share_wrapper ul li, .social_share_wrapper.shortcode ul li, .social_share_bubble ul li { display: block; margin: 0 0 5px 0; } .social_share_wrapper.shortcode ul li { display: inline-block; margin: 0 10px 0 10px; border-left: 0 !important; } #overlay_background { display: none; } .multi_share { position: absolute; z-index: 999; right: 30px; top: -55px; } .multi_share_button { display: inline-flex; font-family: 'Jost', sans-serif; text-decoration: none; justify-content: center; align-items: center; text-align: center; cursor: pointer; white-space: nowrap; padding: 8px 20px; font-size: 14px; background-color: #E91E63; border-radius: 2px; color: white; text-transform: uppercase; border: none; transition: all 0.2s ease-in; background-position: 50%; outline: none !important; } .multi_share_button.multi_share_button_circle { height: 50px; width: 50px; border-radius: 50%; padding: 0 !important; font-size: 18px; } .multi_share input { display: none; } .multi_share input:not(:checked) ~ label { transform: rotate(0); } .multi_share input:not(:checked) ~ label .multi_share_button { border-radius: 0; height: 30px; width: 30px; box-shadow: none; } .multi_share input:not(:checked) ~ label .multi_share_button:first-child { border-top-left-radius: 100%; transform: translate(25px, 25px); } .multi_share input:not(:checked) ~ label .multi_share_button:nth-child(2) { border-top-right-radius: 100%; transform: translate(55px, 25px); } .multi_share input:not(:checked) ~ label .multi_share_button:nth-child(3) { border-bottom-left-radius: 100%; transform: translate(25px, 55px); } .multi_share input:not(:checked) ~ label .multi_share_button:nth-child(4) { border-bottom-right-radius: 100%; transform: translate(55px, 55px); } .multi_share input:not(:checked) ~ label .multi_share_button .icon { opacity: 0; } .multi_share input:not(:checked) ~ label > .icon { opacity: 1; cursor: pointer; } .multi_share label { position: relative; height: 80px; width: 80px; display: block; transform: rotate(45deg); transition: all 0.2s ease-in; cursor: default; } .multi_share label .multi_share_button { position: absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .multi_share label .multi_share_button:nth-child(2) { transform: translate(60px, 0); } .multi_share label .multi_share_button:nth-child(3) { transform: translate(0, 60px); } .multi_share label .multi_share_button:nth-child(4) { transform: translate(60px, 60px); } .multi_share label .multi_share_button .icon { opacity: 1; transition: all 0.15s ease-in-out; transform: rotate(-45deg); } .multi_share label > .icon { color: white; position: absolute; border-radius: 50%; display: flex; font-size: 24px; align-items: center; justify-content: center; height: 50px; width: 50px; top: 30px; left: 30px; opacity: 0; transition: all 0.25s ease-in-out; } .multi_share label .icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /------------------------------------------------------------------ [6. Sidebar] / #page_content_wrapper .inner .sidebar_content, .page_content_wrapper .inner .sidebar_content { width: 68%; padding: 0; float: left; padding-right: 0px; padding-top: 0; margin-right: 10px; } #page_content_wrapper.noheader .inner .sidebar_content { margin-top: 80px; } #page_content_wrapper .inner .sidebar_content.page_content, .page_content_wrapper .inner .sidebar_content.page_content { box-sizing: border-box; } .page_content_wrapper .inner .sidebar_content.page_content { background: transparent; padding: 0; } #page_content_wrapper .inner #portfolio_filter_wrapper.sidebar_content { width: 100%; padding-right: 0; margin-right: 0; border: 0; } #page_content_wrapper .inner .sidebar_content.nopadding, .page_content_wrapper .inner .sidebar_content.nopadding { padding-top: 0 !important; } #page_content_wrapper .inner .sidebar_content.left_sidebar, .page_content_wrapper .inner .sidebar_content.left_sidebar { border-right: 0; float: right; margin-right: 0; } #page_content_wrapper .inner .sidebar_content.full_width, .page_content_wrapper .inner .sidebar_content.full_width { width: 100%; margin-top: 0; margin-right: 0; border: 0; } #page_content_wrapper.hasbg.nomargintop { margin-top: 0 !important; } #page_content_wrapper .inner .sidebar_content.full_width.nopadding, .page_content_wrapper .inner .sidebar_content.full_width.nopadding { padding: 0 !important; } body:not(.elementor-page) #page_content_wrapper .inner .sidebar_content img, body:not(.elementor-page) .page_content_wrapper .inner .sidebar_content img { max-width: 100%; height: auto; } #page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img, .page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img { max-width: none; } #page_content_wrapper .inner .sidebar_content div.wp-caption, .page_content_wrapper .inner .sidebar_content div.wp-caption { max-width: 100%; } #page_content_wrapper .inner .sidebar_content.full_width#blog_grid_wrapper, .page_content_wrapper .inner .sidebar_content.full_width.blog_grid_wrapper { width: 100%; padding: 0; } #page_content_wrapper .inner .sidebar_wrapper, .page_content_wrapper .inner .sidebar_wrapper { width: 27.99%; float: right; margin-top: 0; margin-left: 0; padding-top: 0; } #page_content_wrapper .inner .sidebar_wrapper.adjust, #page_content_wrapper .inner .sidebar_wrapper.left_sidebar.adjust { padding-top: 50px; } #page_content_wrapper .inner .sidebar_wrapper.left_sidebar, .page_content_wrapper .inner .sidebar_wrapper.left_sidebar { margin-right: 0; margin-left: 0; float: left; } body.woocommerce #page_content_wrapper .inner .sidebar_wrapper.left_sidebar, body.woocommerce .page_content_wrapper .inner .sidebar_wrapper.left_sidebar { margin-top: 15px; } #page_content_wrapper .inner .sidebar_wrapper a:not(.button), .page_content_wrapper .inner .sidebar_wrapper a:not(.button) { color: #222; } #page_content_wrapper .inner .sidebar_wrapper .sidebar, .page_content_wrapper .inner .sidebar_wrapper .sidebar { width: 100%; float: left; margin-bottom: 40px; } #page_content_wrapper .inner .sidebar_wrapper .sidebar .content, .page_content_wrapper .inner .sidebar_wrapper .sidebar .content { width: 100%; margin: 0 0 0 0; } .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle { color: #fff; } .mobile_menu_wrapper .sidebar_wrapper a { color: #777; } .mobile_menu_wrapper .page_content_wrapper { width: 100%; } .mobile_menu_wrapper .sidebar_wrapper { width: 100%; float: left; } .mobile_menu_wrapper .sidebar_wrapper .sidebar .content .sidebar_widget li { margin-bottom: 20px; } /------------------------------------------------------------------ [7. Form & Input] / input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], input[type=tel], input.wpcf7-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { padding: 15px; font-size: 100%; margin-bottom: 15px; background: #fff; border: 0; border-bottom: 1px solid #222222; outline: none; -webkit-transition: border-color linear .3s; -moz-transition: border-color linear .3s; -o-transition: border-color linear .3s; transition: border-color linear .3s; box-sizing: border-box; -webkit-appearance: none; } p.input_wrapper { position: relative; padding: 0 !important; } body.error404 .searchform input[type=text], body.search .searchform input[type=text] { width: 100%; } .input_effect ~ .focus-border { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #1C58F6; transition: 0.4s; } .input_effect:focus ~ .focus-border { width: 100%; transition: 0.4s; } select { padding: 10px; background: #fff; min-width: 100%; outline: none; box-sizing: border-box; } .datepick-month-header select { min-width: 0; } .woocommerce select.orderby { height: auto; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=date]:focus, input.wpcf7-text:focus, .woocommerce table.cart td.actions .coupon .input-text:focus, .woocommerce-page table.cart td.actions .coupon .input-text:focus, .woocommerce #content table.cart td.actions .coupon .input-text:focus, .woocommerce-page #content table.cart td.actions .coupon .input-text:focus { outline: 0; } .contact_form_wrapper input[type=text], .contact_form_wrapper input[type=email], .contact_form_wrapper input[type=date] { width: 46%; display: inline; box-sizing: border-box; margin-right: 3%; margin-bottom: 3%; } .contact_form_wrapper label { display: none; } .contact_form_response ul { margin-left: 0 !important; margin-bottom: 20px; list-style: none; font-size: 12px; } .contact_form_response ul li.error, .password_container .error { padding: 10px 20px 10px 40px; position: relative; color: #b13c3c; background: #ffe9e9; margin-bottom: 10px; display: inline-block; font-size: 12px; } .password_container .error { margin-bottom: 20px; } .contact_form_response ul li.error:before, .password_container .error:before { font-size: 12px; position: absolute; font-family: 'Font Awesome 5 Free'; content: "\f06a"; left: 20px; font-weight: 900; } .contact_form_response ul:empty { margin: 0; } .contact_form_wrapper { margin-top: 30px; } .page_content_wrapper .contact_form_wrapper { margin-top: 0; } #contact_form input[type="text"], #contact_form textarea { margin-bottom: 15px; width: 97%; } div.wpcf7-response-output { padding: 20px; } .wpcf7-form input.wpcf7-text, .wpcf7-form textarea, .wpcf7-form input.wpcf7-date, .wpcf7-form input.wpcf7-dynamictext, .wpcf7-form select { width: 100%; box-sizing: border-box; } .fullwidth_comment_wrapper #commentform textarea { width: 100%; } .fullwidth_comment_wrapper .post_content_wrapper { background: transparent !important; padding: 30px 0 30px 0 !important; width: 100% !important; } .input_wrapper { position: relative; } form.post-password-form label { width: auto; float: left; margin-right: 5px; } form.post-password-form input[type=password] { margin-left: 5px; } form.post-password-form input[type=submit] { padding: .5em 1.5em .45em 1.5em; } .form-allowed-tags { display: none !important; } p.comment-notes { margin-bottom: 40px; } textarea { font-size: 100%; border: 0; border-bottom: 1px solid #dce0e0; margin: 0; overflow: auto; padding: 15px; outline: none; -webkit-transition: border-color linear .2s; -moz-transition: border-color linear .2s; -o-transition: border-color linear .2s; transition: border-color linear .2s; box-sizing: border-box; -webkit-appearance: none; } input[type=submit], input[type=button], a.button, .button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .6em 2.5em .6em 2.5em; color: #fff; background: #222; border: 2px solid #222; font-size: 15px; text-shadow: none; -webkit-appearance: none; box-shadow: 0 0 0 0; font-style: normal; font-weight: normal; text-transform: none; -webkit-transition: color .2s linear, background .3s linear, opacity .2s linear; -moz-transition: color .2s linear, background .3s linear, opacity .2s linear; -ms-transition: color .2s linear, background .3s linear, opacity .2s linear; -o-transition: color .2s linear, background .3s linear, opacity .2s linear; transition: color .2s linear, background .3s linear, opacity .2s linear; } a.comment-reply-link { margin: 0; float:right; font-size: 13px; text-align: center; border-radius: 25px; margin-top: -40px; display: block; font-weight: 600; } .comment:hover a.comment-reply-link { display: block; } input[type=submit].medium, input[type=button].medium, a.button.medium { font-size: 16px; } input[type=submit].large, input[type=button].large, a.button.large { font-size: 18px; } #cancel-comment-reply-link { margin: 0 20px 0 10px; font-size: 13px; } /------------------------------------------------------------------ [8. Pagination] / .pagination { margin: 40px 0 60px 0; float: left; clear: both; } .pagination p a:first-child { float: left; } .pagination p a:last-child { float: right; } .pagination a, .pagination span { height: 30px; width: 30px; line-height: 30px; display: inline-block; text-align: center; color: #777; background: #f9f9f9; margin-right: 5px; overflow: hidden; font-size: 12px; } .pagination span, .pagination a:hover { color: #fff; font-weight: bold; background: #888; } .pagination_detail { margin-top: 40px; float: right; font-size: 12px; } #page_content_wrapper ul { margin: 0; } #page_content_wrapper ol { margin-left: 20px; } @-webkit-keyframes lazy_color_change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @-moz-keyframes lazy_color_change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @-o-keyframes lazy_color_change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @keyframes lazy_color_change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } .post_img_hover.lazy { -webkit-animation: lazy_color_change 1s infinite alternate; -moz-animation: lazy_color_change 1s infinite alternate; -ms-animation: lazy_color_change 1s infinite alternate; -o-animation: lazy_color_change 1s infinite alternate; animation: lazy_color_change 1s infinite alternate; } .post_img_hover { position: relative; display: inline-block; /width: 100%;/ } /.post_img_hover img { width: 100%; height: auto; }/ .post_img_hover:not(.lazy) { background: #222222; background: -moz-linear-gradient(90deg, #222222 0%, #444444 100%, #666666 100%); background: -webkit-linear-gradient(90deg, #222222 0%, #444444 100%, #666666 100%); background: linear-gradient(90deg, #222222 0%, #444444 100%, #666666 100%); } .post_img_hover.classic { min-height: 350px; } .post_related .post_img_hover.classic { min-height: 150px; } .post_img_hover img, .post_img_hover:before, .post_img_hover:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .post_img_hover img { max-width: 100%; backface-visibility: hidden; vertical-align: top; } .post_img_hover:before, .post_img_hover:after { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post_img_hover:before { width: 60px; height: 1px; left: 100%; } .post_img_hover:after { height: 60px; width: 1px; top: 0%; } .post_img_hover a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .post_img_hover:hover img, .post_img_hover.hover img { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; opacity: 0.3; } .post_img_hover:hover:before, .post_img_hover.hover:before, .post_img_hover:hover:after, .post_img_hover.hover:after { opacity: 1; top: 50%; left: 50%; } .post_img_hover .post_type_icon { position: absolute; bottom: -30px; right: 30px; z-index: 2; display: inline-block; border-radius: 50px; line-height: 62px; width: 60px; height: 60px; background: #1C58F6; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.15); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all .21s cubic-bezier(.5,.5,.4,.9); } .post_related h3 { text-align: center; margin-bottom: 20px; } .post_related .post_img_hover .post_type_icon { width: 50px; height: 50px; right: 20px; bottom: -20px; line-height: 50px; } .post_img_hover:hover .post_type_icon { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .post_img_hover .post_type_icon i { color: #fff; font-size: 17px; } .post_related .post_img_hover .post_type_icon i { font-size: 15px; } /------------------------------------------------------------------ [9. Widgets] / #page_content_wrapper ul.flickr { margin: 0 0 10px 0; } #page_content_wrapper ul.posts.blog { list-style: none; margin-left: 0 !important; float: left; padding: 0; width: 100%; box-sizing: border-box; } #page_content_wrapper ul.flickr li img { width: 65px; height: auto; } #page_content_wrapper .sidebar .content .posts.blog li img, .page_content_wrapper .sidebar .content .posts.blog li img, #page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li img, .page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li img, #footer ul.sidebar_widget li ul.posts.blog li img { float: left; margin: 0 10px 2px 0; width: 80px; } #page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li, .page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li { clear: both; margin-bottom: 20px; float: left; } #page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li a, .page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li a { font-weight: 900; letter-spacing: -1px; } #page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li .post-excerpt, .page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li .post-excerpt { color: #999; letter-spacing: 0; font-size: 11px; font-weight: 600; } #page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li:last-child, .page_content_wrapper .sidebar .content ul.sidebar_widget li.widget_post_views_counter_list_widget ul li:last-child { margin-bottom: 0; } .post_circle_thumb { position: relative; overflow: hidden; float: left; width: 95px; height: 95px; float: left; margin-right: 0; } .post_circle_thumb img { width: 60px; height: auto; } .post_circle_thumb.flickr { margin-right: 0; } #page_content_wrapper .sidebar .content .sidebar_widget, #page_content_wrapper .sidebar .content .posts.blog, .page_content_wrapper .sidebar .content .sidebar_widget, .page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-left: 0; margin-top: 0; padding: 0; } #page_content_wrapper .sidebar .content .posts.blog li, .page_content_wrapper .sidebar .content .posts.blog li { padding: 0 0 10px 0; } #page_content_wrapper .sidebar .content .posts.blog li:last-child, .page_content_wrapper .sidebar .content .posts.blog li:last-child { padding-bottom: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget, .page_content_wrapper .sidebar .content .sidebar_widget li.widget { margin: 40px 0 0px 0; padding: 0; float: left; clear: both; width: 100%; padding: 0; box-sizing: border-box; border: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget:first-child { margin-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget #useronline-count, .page_content_wrapper .sidebar .content .sidebar_widget li.widget #useronline-count { margin-top: 10px; } #page_content_wrapper .sidebar .content .sidebar_widget li select, .textwidget select, .page_content_wrapper .sidebar .content .sidebar_widget li select { margin: 10px 0 10px 0; max-width: 100%; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle { font-size: 11px; display: inline-block; text-align: left; font-family: 'Jost', sans-serif; color: #222; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; position: relative; border-bottom: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle:after, h2.widgettitle:after { position: absolute; width: 55px; border-top: 1px solid #e7e7e7; } h2.widgettitle.photostream { display: inline-block; margin-top: 30px; margin-bottom: 30px; } #page_content_wrapper.blog_wrapper .sidebar .content .sidebar_widget li:first-child { margin-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul, .page_content_wrapper .sidebar .content .sidebar_widget li ul { list-style: none; padding: 20px 0 0 0; margin: 0 0 15px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children, .page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children { padding-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children, .page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children { margin-left: 10px; margin-bottom: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child, .page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child { border: 0; margin-bottom: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children, .page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children { margin-left: 20px; padding-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li, #footer .sidebar_widget li ul li, .page_content_wrapper .sidebar .content .sidebar_widget li ul li, #footer .sidebar_widget li ul li { padding: 0; margin-top: 0; margin-bottom: 5px; } #footer .sidebar_widget li.widget_nav_menu ul li, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li { border: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_rss ul li { margin-bottom: 40px; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_rss ul li a.rsswidget { font-weight: 600; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_rss ul li .rss-date { opacity: 0.5; clear: both; display: block; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_rss ul li .rssSummary { font-size: 14px; } #footer .sidebar_widget li ul li { border-color: #000000; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child, .page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li .textwidget { padding-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child, .page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child, #footer ul.sidebar_widget li ul.flickr li:first-child { border: 0; padding-top: 0; } #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a { width: 100%; box-sizing: border-box; display: block; } #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul li ul.sub-menu, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul li ul.sub-menu { padding: 0 0 0 10px; } #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul li:last-child, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul li:last-child, #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul { margin-bottom: 0; } #wp-calendar tr td, #wp-calendar tr th { padding: 5px 0 5px 0; text-align: center; background: transparent; } #wp-calendar tr td#prev, #wp-calendar tr td#next { text-transform: uppercase; padding-top: 20px; } #wp-calendar tr td.pad, #wp-calendar tr td#prev, #wp-calendar tr td#next { background: transparent !important; } #wp-calendar caption { display:none; } #wp-calendar { margin: 20px 0 0 0; width: 100%; } .mobile_menu_wrapper .widget_calendar table tr th, .mobile_menu_wrapper .widget_calendar table tr td { border-color: #555; } table { margin: 10px 0 30px 0; } table tr td { border-bottom: 1px solid #dce0e0; } table tr th { font-weight: bold; } table tr th, table tr td { padding: 10px; text-align: left; border-bottom: 1px dashed #dce0e0; } #footer table tr th, #footer table tr td { border-bottom: 1px dashed #000000 !important; } #footer .widget_tag_cloud div a { border-color: #000000 !important; } #footer_menu { float: right; display: block; list-style: none; } #footer_menu li { float: left; margin-left: 20px; } #footer_menu li ul { display: none; } table thead tr th { background: transparent; } table#wp-calendar thead tr th { text-align: center; } table tfoot tr, table tfoot tr td { background: transparent; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, .page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr { list-style: none; margin: 5px 0 30px 0; float: left; display: block; padding: 15px 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li, .page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li { display: block; float: left; margin: 0 10px 10px 0; padding: 0; border: 0; clear: none; width: calc(33% - 10px); padding-right: 10px; box-sizing: border-box; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img, .page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img { width: 100%; height: auto; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter, .page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter { margin: 0; margin-top: 20px; list-style:none; padding: 0 0 0 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li, .page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li { padding-left:32px; padding-bottom: 15px; border: 0; position: relative; box-sizing: border-box; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:before, .page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:before { position: absolute; left: 0; top: -5px; font-family: 'Font Awesome 5 Free'; content: "\f099"; font-size: 22px; font-weight: 900; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media, .page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media { list-style: none; margin: 10px 0 15px 0; float: left; display: block; padding: 0 0 3px 0; margin-left: -5px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li, .page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li { display: block; float: left; margin: 0 5px 0 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr, .page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr { list-style: none; margin: 10px 0 -10px 0; float: left; display: block; clear: both; width: 104%; } ul.flickr li { float: left; margin: 0 5px 0 0; } #page_content_wrapper .sidebar .content .posts.blog, .page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-top: 30px; } #page_content_wrapper .sidebar .content .posts.blog.withthumb, .page_content_wrapper .sidebar .content .posts.blog.withthumb { margin-top: 30px; margin-bottom: 0; } #footer ul.sidebar_widget li ul.posts.blog.withthumb { margin-top: 20px; } #page_content_wrapper .sidebar .content .posts.blog li, .page_content_wrapper .sidebar .content .posts.blog li { line-height: 1em; clear: both; border:0; background: none; width: 100%; float: left; margin: 0; } #page_content_wrapper .posts.blog li, .page_content_wrapper .posts.blog li { float: left; width: 49.4%; margin-right: 1.2%; margin-bottom: 1.2%; padding: 20px; box-sizing: border-box; border: 1px solid #dce0e0; display: table; text-align: left; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -ms-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #page_content_wrapper .posts.blog li:nth-child(2n), .page_content_wrapper .posts.blog li:nth-child(2n) { margin-right: 0; float: right; } #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a, #footer ul.sidebar_widget li ul.posts.blog li a { width: 100%; line-height: 1.2em; font-size: 16px; } #page_content_wrapper .sidebar .content .posts.blog.withthumb li, #page_content_wrapper .posts.blog.withthumb li, .page_content_wrapper .sidebar .content .posts.blog.withthumb li, .page_content_wrapper .posts.blog.withthumb li { line-height: 1.5em; border: 0; display: block; } #page_content_wrapper .sidebar .content .posts.blog li, .page_content_wrapper .sidebar .content .posts.blog li { padding-top: 10px; } #page_content_wrapper .sidebar .content .posts.blog li strong.header, #page_content_wrapper .posts.blog li strong.header, .page_content_wrapper .sidebar .content .posts.blog li strong.header, .page_content_wrapper .posts.blog li strong.header { font-weight: normal; } #page_content_wrapper .sidebar .content .textwidget, .page_content_wrapper .sidebar .content .textwidget { margin-top: 0; padding: 0; text-align: left; } .textwidget img { max-width: 95%; height: auto; } #searchsubmit { margin: -8px; line-height: 18px; padding: .6em 1.5em 0.5em 1.5em !important; } .widget_search input#searchsubmit { margin: 10px 0 0 0; } .widget_tag_cloud div, .tag_cloud { margin: 20px 0 0 0; } .widget_tag_cloud div a, .meta-tags a, .tag_cloud a { display: inline-block; -webkit-transition: background .2s linear, border .1s linear; -moz-transition: background .2s linear, border .1s linear; -ms-transition: background .2s linear, border .1s linear; -o-transition: background .2s linear, border .1s linear; transition: background .2s linear, border .1s linear; color: #000; display: inline-block; border: 2px solid #e0e0e0; padding: 3px 15px 3px 15px; margin-right: 8px; margin-bottom: 12px; border-radius: 25px; font-weight: 600; } .widget_tag_cloud div a:hover { background: #EFA697; border-color: #EFA697; color: #fff !important; } .widget_mc4wp_widget input { text-align: center; } .widget_mc4wp_widget input[type=submit] { width: 100%; margin-top: 10px; } .portfolio_recent_link h6, .blog_recent_link h6 { display: inline; font-size: 11px; } .widget_mc4wp_form_widget input[type=email] { width: 100%; } .widget_mc4wp_form_widget input[type=submit] { margin-top: 20px; } #page_content_wrapper .widget_mc4wp_form_widget p { padding-bottom: 0.7em; } #page_content_wrapper.blog_wrapper { padding: 50px; box-sizing: border-box; width: calc(100% - 180px); box-shadow: 0 20px 30px 0 rgba(1, 1, 1, 0.1); position: relative; z-index: 2; background: #fff; margin-bottom: 100px; clear: both; } #page_content_wrapper.blog_wrapper .pagination { margin-bottom: 20px; } /------------------------------------------------------------------ [10. Contact Form Captcha] / div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0; background: #FFCC00; font-size: 13px; } div.wpcf7-mail-sent-ok { background: #4CD964; color: #fff; } .footer_mailing_list_white input[type=email] { background: transparent !important; color: #fff !important; border-color: rgba(256,256,256,0.7); width: 60%; } .footer_mailing_list_white input[type=email]::placeholder { color: rgba(256,256,256,0.7); } .footer_mailing_list_white input[type=submit] { background: transparent; color: #fff; border-color: rgba(256,256,256,0.7); margin-left: 10px; } .footer_mailing_list_white select { border: 1px solid #ccc; height: 26px; line-height: 18px; margin: 0; padding: 3px; background: transparent none no-repeat; cursor: pointer; } @media screen and (min-width:0) { / for relatively modern browsers including IE 8+ / .footer_mailing_list_white select { border-radius: 4px; background-position: -50px -50px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { / for Webkit / .footer_mailing_list_white select { -webkit-appearance: none; background-position: right center; padding: 3px 32px 3px 5px; } } @-moz-document url-prefix() { / for Firefox / .footer_mailing_list_white select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; background-position: right center; padding-right: 16px; } / hides the dotted outline on focus in FF (See SO#3773430) / .footer_mailing_list_white select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .footer_mailing_list_white select option { color: #000; } } /------------------------------------------------------------------ [12. Woocommerce Elements] / h1.page-title { display: none; } .woocommerce ul.products li.product .ajax_add_to_cart, .woocommerce-page ul.products li.product .ajax_add_to_cart { display: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 31.66%; margin-right: 2.5%; margin-bottom: 2.5%; padding: 0 0 10px 0; box-sizing: border-box; clear: none; border: 0; text-align: center; } .woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1), .woocommerce ul.products.columns-3 li.product:nth-child(3n+1), .woocommerce-page ul.products.columns-3 li.product:nth-child(3n+1) { clear: both; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce .woocommerce-result-count { font-family: 'Jost', sans-serif; font-size: 14px; } .woocommerce ul.products li.product .price { font-family: 'Jost', sans-serif; color: #444; font-size: 1.1em; } .woocommerce ul.products li.product .button { background: transparent; padding: 0; text-transform: none; font-size: 12px; font-family: 'Jost', sans-serif; letter-spacing: 0; font-weight: 400; } .woocommerce div.product form.cart .variations { margin: 0; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { outline: 0; border: 1px solid #dce0e0 !important; height: 36px; width: 80px; border-radius: 0; } .woocommerce-page div.product form.cart .button { width: auto !important; margin-left: 5px; padding: .65em 1.5em .65em 1.5em !important; border: 0 !important; border-radius: 0; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: 0px 0px 0px black !important; width: 100% !important; text-align: center !important; margin: auto !important; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-page ul.products li.product h2.woocommerce-loop-product__title { margin-top: 30px !important; font-size: 22px; padding: 0; box-sizing: border-box; } .woocommerce #page_content_wrapper .inner .sidebar_content.left_sidebar ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-page #page_content_wrapper .inner .sidebar_content.left_sidebar ul.products li.product h2.woocommerce-loop-product__title { margin-top: 20px !important; font-size: 20px; } .woocommerce #page_content_wrapper .inner .sidebar_content.left_sidebar ul.products li.product .price { font-size: 1em; } .woocommerce div.product div.images figure, .woocommerce div.product div.summary figure { margin: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { padding: 3px; box-sizing: border-box; width: 16.66%; margin-top: 3px; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { font-size: 0.9em !important; } .woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li ins { text-decoration: none; font-weight: bold; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { display: none !important; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; width: 45px; height: auto; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { margin-left: 0 !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h1 { font-size: 30px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h2 { font-size: 18px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h3 { font-size: 16px !important; padding-bottom: 0; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h4 { font-size: 14px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h5 { font-size: 13px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h6 { font-size: 12px !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { margin-bottom: 3.8%; } .entry-summary div[itemprop="description"] { margin: 10px 0 0 0; padding-left: 0 !important; font-size: 18px; } .review-summary { display: none !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { font-size: 14px !important; color: #222; padding-top: 10px !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background: #444 !important; box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important; -webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5) !important; -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { border: 1px solid #444 !important; background: #fff !important; box-shadow: inset 0 0 0 4px #fff; } .woocommerce #page_content_wrapper a.button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover { text-transform: uppercase !important; border: 0 !important; padding: 0 !important; letter-spacing: 2px !important; font-family: 'Renner', 'Helvetica Neue', Arial,Verdana,sans-serif !important; font-weight: 400 !important; position: relative !important; background: transparent !important; margin-top: 0; display: block; margin: auto; font-weight: 600 !important; font-size: 13px; } .woocommerce #page_content_wrapper a.button:hover, .woocommerce-page #page_content_wrapper a.button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover { opacity: 1; } .woocommerce.columns-4 ul.products li.product a.add_to_cart_button { color: #222 !important; font-size: 100% !important; } .woocommerce #page_content_wrapper a.button.product_type_variable:before, .woocommerce-page #page_content_wrapper a.button.product_type_variable:before { content: '\f03a'; } .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { opacity: 1 !important; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { font-weight: normal !important; } .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 { width: 70px !important; float: left !important; margin-right: 15px !important; margin-left: 0 !important; } .woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { margin-top: 10px; } .cart-collaterals .cart_totals table { width: 100% !important; } .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product { width: 31.66% !important; border: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { color: #999 !important; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { color: #fff !important; } body[data-shop=three_cols].woocommerce ul.products li.product, body[data-shop=three_cols].woocommerce-page ul.products li.product { width: 31.2% !important; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 !important; } p.price { padding-top: 0 !important; } p.price ins span.amount, p.price span.amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price { font-weight: 500; } .woocommerce #page_content_wrapper div.product p.price, .woocommerce-page #page_content_wrapper div.product p.price { padding-bottom: 0; } p.price del span.amount { color: #ccc !important; font-size: 16px; } span.price del span.amount { font-size: 13px; } #tab-description h2, .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 { display: none; } body.woocommerce-checkout .woocommerce .col2-set, body.woocommerce-checkout.woocommerce-page .col2-set { float: left; width: 63%; } body.woocommerce-checkout .woocommerce .col2-set .col-1, body.woocommerce-checkout.woocommerce-page .col2-set .col-1, body.woocommerce-checkout .woocommerce .col2-set .col-2, body.woocommerce-checkout.woocommerce-page .col2-set .col-2 { width: 100%; } .checkout h3 { font-size: 18px; margin: 15px 0 15px 0; } body.woocommerce-checkout .woocommerce #order_review { float: right; width: 32%; } body.page-template-default:not(.elementor-page) #page_content_wrapper .inner .sidebar_content dl.variation { margin: 0 0 0 0; font-style: italic; font-size: smaller; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #d1edf5 !important; border-radius: 5px; } #order_review_heading { display: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; float: none; margin-top: 20px; } .related.products h2, .cart_totals h2, .shipping_calcuLator h2, .upsells.products h2, .cross-sells h2 { margin-bottom: 20px; margin-top: 10px; } .shipping_calcuLator h2 { text-align: left; } .related.products { padding-top: 40px; clear: both; float: left; width: 100%; border-top: 1px dashed #e1e1e1; margin-top: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { border: 0; padding: 0; box-sizing: border-box; } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { background: transparent !important; box-shadow: none !important; visibility: visible !important; border: 0; border-radius: 0px !important; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0 !important; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 40px; } .woocommerce #page_content_wrapper div.product .woocommerce-tabs .panel p { padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { padding: 10px 30px 9px 30px !important; font-weight: normal !important; text-shadow: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { color: #222 !important; border-radius: 0px !important; height: auto !important; padding: 0 !important; border: 0; border-bottom: 1px solid #dce0e0; margin-left: 0 !important; margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color: #222; font-weight: bold !important; border-radius: 0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding-left: 0 !important; } .widget_shopping_cart_content a.button { margin-right: 5px !important; } .woocommerce-page div.product p.price ins { text-decoration: none !important; } .woocommerce-page.woocommerce #page_content_wrapper .product_type_variable.add_to_cart_button { display: none; } .product_meta > span { clear: both; display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 0 !important; box-shadow: 0 0 0; } .woocommerce-message, .woocommerce-error, .woocommerce-info { box-shadow: 0 0 0 #222 !important; } .woocommerce-message { background: #e9f3d2 !important; border-color: #e9f3d2 !important; color: #6a863b !important; text-shadow: none !important; } .woocommerce-info { background: #d1edf5 !important; border-color: #d1edf5 !important; color: #4e7883 !important; text-shadow: none !important; } .woocommerce-error { background: #ffe9e9 !important; border-color: #ffe9e9 !important; color: #b13c3c !important; text-shadow: none !important; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { box-shadow: none !important; top: 0.8em !important; } .woocommerce .woocommerce-message a.button { display: none; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, #order_review { margin-bottom: 0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { text-align: left; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-bottom: 0; } .post_carousel.flexslider .slides > li { margin-right: 20px; } .woocommerce-page .products .star-rating { float: right; margin-top: 28px; } .woocommerce-page #page_content_wrapper .inner .sidebar_content .products .star-rating { float: none; clear: both; margin-top: 10px; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { border: 0; display: block; float: none; clear: both; margin-bottom: 0; } .woocommerce #content nav.woocommerce-pagination, .woocommerce nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { text-align: left; margin-top: 30px; margin-bottom: 30px; color: #FF4A52; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: 0; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { height: 30px; width: 30px; line-height: 30px; display: inline-block; text-align: center; color: #888; background: #fff; border: 1px solid #dce0e0; margin-right: 10px; overflow: hidden; } .woocommerce-page nav.woocommerce-pagination ul li a { color: #888; line-height: 1.3em; } .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:active { border-color: #dce0e0; background: #fcfcfc; color: #222 !important; font-weight: bold; line-height: 1.3em; } .woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { margin-left: 0 !important; } .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a { text-align: center; } .price_slider_wrapper { margin-top: 30px; } .woocommerce-page ul.product_list_widget li .star-rating { display: none; } .woocommerce-page ul.product_list_widget li a { font-weight: 600 !important; } .woocommerce-page ul.product_list_widget li .amount { font-weight: 500; } .woocommerce-page ul.product_list_widget li del .amount { color: #ccc; } .woocommerce-page .price_label { font-weight: 600; } .woocommerce-page ul.product_list_widget li ins { background: transparent; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { float: left !important; } ul.product_list_widget li { padding: 10px 0 10px 0 !important; } .woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product { clear: both; } body.single-product #page_content_wrapper { margin-top: 40px; } .woocommerce .woocommerce-product-rating { line-height: 1.7; } .woocommerce-review-link { color: #222 !important; } .woocommerce-page div.product form.cart { margin-top: 1em; margin-bottom: 3em; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-top: 20px; } .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:after, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-message:before { display: block; clear: none; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 70px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: 12px 12px 10px 12px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { line-height: 1em; margin-top: 10px; } .woocommerce .cart-collaterals .shipping_calcuLator .shipping-calcuLator-button:after, .woocommerce-page .cart-collaterals .shipping_calcuLator .shipping-calcuLator-button:after, .wc-forward a:after, .wc-forward:after { display: none; } #page_content_wrapper .inner .sidebar_content ul.products { margin-left: 0 !important; padding: 0; box-sizing: border-box; } #page_content_wrapper .inner .sidebar_content.left_sidebar ul.products { padding: 0; } #page_content_wrapper .inner .sidebar_content .related.products ul.products { padding: 0; margin-top: 20px; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 0; padding: 20px 12px; } .shipping-calcuLator-button { color: #222; } .product-subtotal .amount { color: #222; font-weight: 600; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calcuLator, .woocommerce-page .cart-collaterals .shipping_calcuLator { width: 100%; float: none; } .woocommerce .cart-collaterals .shipping_calcuLator, .woocommerce-page .cart-collaterals .shipping_calcuLator { margin-top: 10px; } .woocommerce-page table.cart th, table.shop_table thead tr th { border-bottom: 1px solid #dce0e0; border-top: 1px solid #dce0e0; color: #fff; font-weight: 500; background: #333; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-bottom: 1px solid #dce0e0; } .woocommerce table.shop_table.cart, .woocommerce-page table.shop_table.cart { border-top: 0; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { border-bottom: 0 !important; } .woocommerce table.cart td.actions .coupon .input-text#coupon_code { width: 200px; border-radius: 0; box-shadow: 0 0 0 0; margin-right: 10px; border-color: #dce0e0; } .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { border-bottom: 0; } .woocommerce-page #payment ul.payment_methods label { display: inline-block; clear: none; width: auto; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border-bottom: 0; margin-bottom: 0; } .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { border-top: 0; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #444; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.8em; } strong[itemprop="author"] { font-size: 16px; font-weight: 600; color: #222; font-family: 'Jost', sans-serif; letter-spacing: -1px; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { display: none !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: 0 !important; padding: 0; margin: 0 0 0 80px; } .woocommerce #review_form #respond { width: 100%; } .woocommerce #reviews h3 { text-align: left; } h1.product_title { font-weight: 300; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { display: none; } .woocommerce-cart .wc-proceed-to-checkout { padding: 2em 0; } .return-to-shop { padding: 0 0 5em 0 !important; } .woocommerce-checkout #payment { margin-bottom: 100px; } .woocommerce-cart .wc-proceed-to-checkout { margin-bottom: 80px; } .woocommerce-checkout #payment ul { margin-left: 0 !important; padding: 0 !important; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-left: 10px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { margin-top: 8px; } .woocommerce .top_bar.scroll .logo_wrapper img, .woocommerce-page .top_bar.scroll .logo_wrapper img { max-width: 100%; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #222; } .woocommerce .products .onsale, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { width: 45px; height: 45px; position: absolute; left: -10px; top: -10px; background: #b13c3c; border-radius: 250px; text-align: center; font-weight: 600; line-height: 47px; -webkit-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15); -moz-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15); box-shadow: 0 8px 8px -6px rgba(0,0,0,.15); } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del { display: inline-block; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: 1.2em 1.5em; } .woocommerce .term-description89 { display: none; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-top: 0; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 15px; margin-bottom: 0; display: inline-block; padding: 1.5em 1.5em 1.5em 1.5em; float: right; border-radius: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_products ul li:last-child, .page_content_wrapper .sidebar .content .sidebar_widget li.widget_products ul li:last-child, #footer ul.sidebar_widget li.widget_products ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .sidebar_widget li.widget_products .product-title { font-weight: 400; font-size: 16px; } #reviews.woocommerce-Reviews #comments { width: 66.66%; float: left; } #reviews.woocommerce-Reviews #review_form_wrapper { width: 33.33%; float: left; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.description { margin: 0; padding-top: 0; padding-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 250px; border: 0; padding:0; background: transparent; width: 60px; } .woocommerce .star-rating { font-size: 12px; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #50E3C2; } .woocommerce #reviews #comments ol.commentlist li .comment_container { border-bottom: 1px dashed #dce0e0; margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li:last-child .comment_container { border: 0; margin-bottom: 0px; } .woocommerce #review_form #respond p { padding-bottom: 0; } body.woocommerce-order-received .woocommerce h2, body.woocommerce-order-received .woocommerce h3 { font-size: 18px; } body.woocommerce-order-received .woocommerce { margin-bottom: 30px; } #page_content_wrapper .inner .sidebar_content ul.woocommerce-thankyou-order-details { margin-left: 0; } .woocommerce-account #page_content_wrapper .inner .sidebar_content.full_width { margin-bottom: 20px; } .woocommerce-MyAccount-navigation ul { list-style: none; margin-left: 0 !important; } .woocommerce-MyAccount-navigation ul li { margin-bottom: 10px; padding-left: 10px; border-left: 5px solid transparent; } .woocommerce-MyAccount-navigation ul li.is-active { border-left: 5px solid #FF4A52; color: #FF4A52; font-weight: 600; } .woocommerce .woocommerce-Message a.button { background: transparent; padding: 0; border-radius: 0; } table.woocommerce-cart-form__contents tbody tr td p, table.shop_table.woocommerce-checkout-review-order-table tbody tr td p { padding-top: 0 !important; padding-bottom: 0 !important; } table.woocommerce-cart-form__contents tbody tr td dl.variation dt.variation-Dates, table.woocommerce-cart-form__contents tbody tr td dl.variation dt.variation-Accommodation, table.shop_table.woocommerce-checkout-review-order-table tbody tr td dl.variation dt.variation-Dates, table.shop_table.woocommerce-checkout-review-order-table tbody tr td dl.variation dt.variation-Accommodation { font-weight: 600; } .woocommerce table.shop_table, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0 !important; } table.woocommerce-checkout-review-order-table tr th, table.woocommerce-checkout-review-order-table tr td { border-bottom: 0; } table.woocommerce-cart-form__contents tr th, table.woocommerce-cart-form__contents tr td { border-style: solid; } .woocommerce-checkout-payment { background: transparent !important; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 1em 1em 0.5em 1em; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; } / 13. Grid Rotator Plugin / .ri-grid{ margin: auto; position: relative; max-height: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; overflow: hidden; } .ri-grid.visible { max-height: 100%; } .ri-grid ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0; overflow: hidden; } / Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ / .ri-grid ul:before, .ri-grid ul:after{ content: ''; display: table; } .ri-grid ul:after { clear: both; } .ri-grid ul { zoom: 1; / For IE 6/7 (trigger hasLayout) / } .ri-grid ul li { -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; -ms-perspective: 400px; perspective: 400px; margin: 0; padding: 0; float: left; position: relative; display: block; overflow: hidden; width: 0; height: 0; } .ri-grid ul li a{ display: block; outline: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #333; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } / Grid wrapper sizes / .ri-grid-size-1{ width: 55%; } .ri-grid-size-2{ width: 100%; } .ri-grid-size-3{ width: 100%; margin-top: 0px; } / Shadow style / .ri-shadow:after, .ri-shadow:before{ content: ""; position: absolute; z-index: -2; bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .ri-shadow:after{ right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } .ri-grid-loading:after, .ri-grid-loading:before{ display: none; } .ri-loading-image{ display: none; } .ri-grid-loading .ri-loading-image{ position: relative; left: 100%; margin: auto; margin-top: 50px; margin-bottom: 50px; display: block; text-align: center; } / 14. Login Plugin Elements / body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] { padding: 50px 40px 50px 40px; background: #f9f9f9; border-radius: 0; } body .ui-widget-overlay { background: rgba(0,0,0,0.7) !important; opacity: 1; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] button.ui-dialog-titlebar-close, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] button.ui-dialog-titlebar-close { display: none; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar { background: transparent; border: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar .ui-dialog-title, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar .ui-dialog-title { font-weight: normal; font-size: 28px; text-shadow: none; width: 100%; display: block; margin-bottom: 20px; text-align: center; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper label, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper label { font-weight: normal; font-size: 16px; margin-bottom: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"], body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"] { font-size: 16px; letter-spacing: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]::-webkit-input-placeholder , body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]::-webkit-input-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]::-moz-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]:-ms-input-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper .zm_alr_form_field_container, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper .zm_alr_form_field_container { margin-bottom: 30px; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper .zm_alr_ul_container, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper .zm_alr_ul_container { font-size: 16px; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { border-radius: 0; text-shadow: none; } .ui-dialog .zm_alr_login_dialog.ui-dialog-content { border: 0; } / 15. Single Room Elements / .singleroom_two_third { width: 66.66%; float: left; box-sizing: border-box; padding-right: 40px; } .singleroom_one_third { width: 33.33%; float: left; box-sizing: border-box; padding-left: 50px; border-left: 1px solid #222222; } .singleroom_price_wrapper { float: left; width: 100%; padding: 20px 0 0 0; box-sizing: border-box; } .singleroom_book { margin-top: 10px; width: 90%; box-sizing: border-box; } .singleroom_price_label { font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; float: left; } .singleroom_price_amount .mphb-price-period { display: none; } .singleroom_price_amount { float: left; font-size: 60px; text-align: center; font-weight: 600; } .singleroom_attributes_wrapper { width: 100%; padding: 0 0 10px 0; box-sizing: border-box; } .singleroom_attributes_wrapper .sidebar { margin-top: 40px; } .singleroom_attribute { width: 100%; margin: 30px 0 30px 0; } .room_icon img { max-width: 45px !important; height: auto; vertical-align: middle; } .room_icon { width: 70px; display: inline-block; } .room_attribute { width: calc(100% - 100px); display: inline-block; } .singleroom_amenities { background: #0F172B; color: #fff; padding: 80px 0 80px 0; box-sizing: border-box; width: 100%; float: left; } .singleroom_amenities_wrapper { width: 50%; float: left; } .singleroom_amenities_wrapper .page_content_wrapper { margin: auto; float: none; } .singleroom_amenities_label { float: left; font-size: 20px; font-weight: 600; width: 50%; } .singleroom_amenities_label img { max-width: 40px; height: auto; vertical-align: middle; margin-right: 15px; } .singleroom_amenities_list_wrapper { float: right; width: 50%; padding-right: 60px; box-sizing: border-box; } .singleroom_amenities_list { list-style: none; } .singleroom_amenities_list li:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; float: left; margin-left: -2.8em; line-height: 2.8em; font-size: 10px; font-weight: 900; } .singleroom_amenities_list li { margin: 15px 0 15px 0; } .singleroom_amenities_list li:first-child { margin-top: 0; } .singleroom_amenities_list li:last-child { margin-bottom: 0; } body.single-mphb_room_type:not(.elementor-page) #page_content_wrapper .inner .sidebar_content.full_width { margin-bottom: 40px; } body.single-mphb_room_type .fullwidth_comment_wrapper { margin: 30px 0 60px 0; } body.single-mphb_room_type .singleroom_other_header { text-align: center; } body.single-mphb_room_type .singleroom_other_header h2 { font-size: 40px; } body.single-mphb_room_type .singleroom_other_wrapper { padding: 60px 0 30px 0; box-sizing: border-box; width: 100%; float: left; } .singleroom_other_rooms { margin-top: 50px; } .room_grid_wrapper, .room_grid_wrapper .room_grid_attr_wrapper .child_one_third { float: left; } .room_grid_wrapper .post_img_hover { margin-bottom: 20px; } .room_grid_wrapper h3 { display: block; text-align: center; width: 100%; padding: 0 0 20px 0; box-sizing: border-box; } .room_grid_wrapper img { max-width: 100%; height: auto; } .room_grid_wrapper.one_fourth { box-sizing: border-box; width: calc(25% - 19px); margin-right: 25px; margin-bottom: 50px; } .room_grid_wrapper.one_third { box-sizing: border-box; width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 60px; } .room_grid_wrapper.one_half { box-sizing: border-box; width: calc(50% - 20px); margin-right: 40px; margin-bottom: 80px; } .room_grid_wrapper .room_grid_attr_wrapper .child_one_third { box-sizing: border-box; width: 33.33%; padding: 0 5% 0 5%; } .child_one_half { box-sizing: border-box; width: 50%; padding: 0 10% 0 10%; float: left; } .room_grid_wrapper.one_third:nth-child(3n), .room_grid_wrapper.one_half:nth-child(2n), .room_grid_wrapper.one_fourth:nth-child(4n), .room_grid_wrapper .room_grid_attr_wrapper .child_one_third:nth-child(3n) { margin-right: 0; } .room_grid_wrapper .room_grid_attr_wrapper .child_one_third { text-align: center; border-right: 1px solid #222; } .room_grid_wrapper .room_grid_attr_wrapper .child_one_third:nth-child(3n) { border: 0; } .room_grid_wrapper .room_attr_value { width: 100%; text-align: center; font-size: 35px; font-weight: 600; } .room_grid_wrapper.one_fourth .room_attr_value { font-size: 24px; } .room_grid_wrapper .room_attr_unit { width: 100%; text-align: center; font-size: 13px; text-transform: uppercase; margin-top: -5px; line-height: 1.3; } .room_grid_link_wrapper { width: 100%; margin-top: 30px; text-align: center; } .room_grid_book .mphb-price-period { display: none; } .room_grid_book { display: inline-block; border-bottom: 1px solid; text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 2px; } .page_title_nav { width: 100%; text-align: center; list-style: none; display: block; margin-top: 30px; } #page_caption.hasbg .page_title_nav { position: absolute; bottom: 120px; left: 0; margin-top: 0; } .page_title_nav li { display: inline-block; margin: 0 15px 0 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 600; } #page_caption.hasbg .page_title_nav li a { color: #fff; } .singleroom_book_form { box-sizing: border-box; background: #f9f9f9; width: 90%; max-height: 0; padding: 5px 25px 15px 25px; opacity: 0; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget { padding: 30px; box-sizing: border-box; background: #f9f9f9; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget .mphb-datepick { background: transparent !important; width: 100%; } .singleroom_book_form.visible { max-height: none; opacity: 1; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } .singleroom_book_form label { font-size: 13px; font-weight: 500; } .singleroom_book_form .mphb-required-fields-tip { display: none; } .singleroom_book_form .mphb-datepick, .elementor-widget-shortcode .mphb-datepick { background: transparent !important; width: 100%; } .singleroom_book_form .mphb-adults-wrapper, .singleroom_book_form .mphb-children-wrapper, #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget .mphb_widget_search-adults, #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget .mphb_widget_search-children, .mphb_sc_checkout-form .mphb-adults-chooser, .mphb_sc_checkout-form .mphb-children-chooser, .mphb_sc_booking_form-wrapper .mphb-children-wrapper, .mphb_sc_booking_form-wrapper .mphb-children-wrapper, .elementor-widget-shortcode .mphb-adults-wrapper, .elementor-widget-shortcode .mphb-children-wrapper { display: inline-block; width: 48%; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget .mphb_widget_search-children, .mphb_sc_booking_form-wrapper .mphb-children-wrapper, .elementor-widget-shortcode .mphb-children-wrapper { margin-left: 2%; } .mphb-reserve-room-section .mphb-button.mphb-book-button { margin-top: 1em; } .singleroom_book_form .mphb-reserve-btn.button { width: 100%; } .room_grid_content_wrapper { border-top: 1px solid #222; padding-top: 20px; margin-top: 0px; } .room_grid2_action_wrapper { margin-top: 20px; text-align: center; } .room_grid2_action_wrapper .child_one_half { border-right: 1px solid #222; padding: 10px 0 10px 0; } .room_grid2_action_wrapper .child_one_half.last { border: 0; } .room_grid2_price .mphb-price-period { display: none; } .room_grid2_price .mphb-price { font-size: 22px; font-weight: 600; line-height: 1; } .room_grid2_view { font-size: 18px; font-weight: 600; border-bottom: 1px solid #222; line-height: 2.7; } body.archive .mphb_room_type .post_wrapper { margin-bottom: 40px; } body .mphb-flexslider.mphb-gallery-thumbnails-slider { margin-top: -10px; } .mphb_widget_search-submit-button-wrapper input { width: 100%; } .mphb-recommendation-title { display: none; } .mphb_sc_search_results-info { font-size: 18px; font-weight: 600; } .mphb-recommendation-details-list { list-style: none; margin-left: 0 !important; } .mphb_sc_search_results-wrapper .mphb-reservation-cart { margin-bottom: 0 !important; } .mphb-room-type-details-title { display: none; } .mphb-room-type-title { margin-top: 10px; } .mphb-loop-room-type-attributes { margin: 20px 0 20px 0; list-style: none; } .mphb-loop-room-type-attributes li:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; float: left; margin-left: -2em; line-height: 2.8em; font-size: 10px; font-weight: 900; } .mphb-view-details-button-wrapper { display: none; } .mphb-rooms-quantity { min-width: 10%; width: 10%; display: inline-block; } .mphb-available-rooms-count { min-width: 70%; width: 70%; margin-left: 5px; display: inline-block; } .mphb-reserve-room-section { border-top: 1px solid #222; padding-top: 20px; margin-top: 20px; } .mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation { margin-top: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } .mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_services-wrapper .mphb-service:not(:first-of-type) { margin-bottom: 4em; } .mphb-recommendation { margin-bottom: 60px; } .mphb-reservation-cart { display: none; } #mphb-customer-details { clear: both; } form.mphb_sc_checkout-form h3, form.mphb_sc_checkout-form h4 { margin-top: 40px; } form.mphb_sc_checkout-form h3.mphb-room-number { margin-top: 0; } table.mphb-price-breakdown { width: 100%; } form.mphb_sc_checkout-form .mphb-guest-name-wrapper input[type=text] { width: 100%; } #page_content_wrapper form.mphb_sc_checkout-form .mphb_sc_checkout-services-list { margin-top: 20px; margin-left: 0 !important; } #page_content_wrapper form.mphb_sc_checkout-form .mphb_sc_checkout-services-list li { margin: 5px 0 5px 0; } select.mphb_sc_checkout-service-adults { width: 100px; min-width: 100px; } #mphb-customer-details.mphb-checkout-section input[type=text], #mphb-customer-details.mphb-checkout-section input[type=email], #mphb-customer-details.mphb-checkout-section textarea, .mphb_sc_search-form input.mphb-datepick, .mphb-booking-form input.mphb-datepick { width: 100%; } #page_content_wrapper p.mphb-check-in-date { margin-top: 10px; } #page_content_wrapper p.mphb-check-out-date { padding-top: 0 !important; } form.mphb_sc_checkout-form .mphb-reserve-rooms-details { padding: 40px; box-sizing: border-box; background: #f9f9f9; margin-top: 40px; } form.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-room-details:first-child { border-top: 0; margin-top: 0; padding-top: 0; } form.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-room-details { border-top: 2px dashed #222; margin-top: 40px; padding-top: 40px; } form.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-room-details input[type=text] { background: transparent; } .wpcf7-checkbox span.wpcf7-list-item { margin-left: 0; } .promotion_wrapper { height: 40vh; position: relative; } .promotion_wrapper:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69))); background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%); background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%); } .flex-direction-nav a:before { color: #fff !important; } .mphb_sc_checkout-form .mphb-gateways-list { margin-left: 0 !important; } .mphb-gateways-list li p.mphb-gateway-description { padding: 0 !important; font-size: 12px; } p.mphb-total-price { margin-top: 30px; font-size: 20px; float: left; } p.mphb_sc_checkout-submit-wrapper { float: right; margin-top: 30px; } .mphb_sc_checkout-wrapper { margin-bottom: 40px; float: left; width: 100%; } .datepick-popup { box-sizing: border-box; } .mphb-gallery-thumbnail-slider { display: none !important; } .elementor-section.elementor-section-stretched.elementor-section-height-min-height { overflow: hidden; } .mphb-checkout-terms-wrapper { clear: both; } .mphb-terms-and-conditions h3 { margin-top: 20px; } li.widget_mphb_search_availability_widget { -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } .mphb_cb_checkout_form .mphb-price-breakdown .mphb-price-breakdown-expand>.mphb-inner-icon, .mphb_sc_checkout-form .mphb-price-breakdown .mphb-price-breakdown-expand>.mphb-inner-icon { line-height: 0.9em; } .mphb_sc_availability_calendar-wrapper .datepick { width: 100% !important; } .mphb-reserve-room-section .mphb-rooms-quantity-wrapper { float: left; width: 85%; } / Begin CSS for gallery-horizontal / body.single-mphb_room_type .tg_horizontal_gallery_wrapper { padding: 10px 0 10px 0; box-sizing: border-box; } .tg_horizontal_gallery_cell { overflow: hidden; } body.single-mphb_room_type .tg_horizontal_gallery_wrapper ol.flickity-page-dots { margin-left: 0; } .tg_horizontal_gallery_cell img { display: block; width: auto; max-width: none !important; } / position dots up a bit / .tg_horizontal_gallery_wrapper .flickity-page-dots { bottom: -40px; } / dots are lines / .tg_horizontal_gallery_wrapper .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button svg { width: 40%; height: 40%; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button svg { left: 30%; top: 30%; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next, .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; opacity: 0.75; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next { right: 40px; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:hover { right: 30px; opacity: 1; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous { left: 40px; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:hover { left: 30px; opacity: 1; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button:disabled { opacity: 0.3; } / fade in image when loaded / .tg_horizontal_gallery_cell_img { transition: opacity 0.4s; opacity: 0; } .tg_horizontal_gallery_cell_img.flickity-lazyloaded, .tg_horizontal_gallery_cell_img.flickity-lazyerror { opacity: 1; } .singleroom_two_third .mphb_sc_availability_calendar-wrapper { margin: 20px 0 20px 0; } / End CSS for gallery-horizontal / / Begin CSS for hoteller-availability-search / .availability_search_wrapper .mphb_sc_search-wrapper select, .mphb_sc_booking_form-wrapper select, .mphb-reserve-room-section .mphb-rooms-quantity, .mphb-reserve-rooms-details .mphb_checkout-guests-chooser, .mphb-reserve-rooms-details .mphb_checkout-guests-chooser, .mphb-customer-country #mphb_country, .widget_mphb_search_availability_widget .mphb_widget_search-adults select, .widget_mphb_search_availability_widget .mphb_widget_search-children select, .mphb-adults-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-adults, .availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-children, .mphb_sc_booking_form-wrapper .mphb-adults-wrapper, .mphb_sc_booking_form-wrapper .mphb-children-wrapper, .widget_mphb_search_availability_widget .mphb_widget_search-adults, .widget_mphb_search_availability_widget .mphb_widget_search-children { position: relative; display: inline-block; } .mphb-reserve-room-section .mphb-rooms-quantity-wrapper, .mphb-reserve-rooms-details .mphb-adults-chooser, .mphb-reserve-rooms-details .mphb-children-chooser, .mphb-customer-country { position: relative; } .availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-adults:after, .availability_search_wrapper .mphb_sc_search-wrapper .mphb_sc_search-children:after, .mphb_sc_booking_form-wrapper .mphb-adults-wrapper:after, .mphb_sc_booking_form-wrapper .mphb-children-wrapper:after, .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after, .mphb-reserve-rooms-details .mphb-adults-chooser:after, .mphb-reserve-rooms-details .mphb-children-chooser:after, .mphb-customer-country:after, .widget_mphb_search_availability_widget .mphb_widget_search-adults:after, .widget_mphb_search_availability_widget .mphb_widget_search-children:after { font-family: 'themify'; content: "\e64b"; display: inline; position: absolute; bottom: 10px; right: 20px; font-size: 13px; } .mphb_sc_booking_form-wrapper .mphb-adults-wrapper:after, .mphb_sc_booking_form-wrapper .mphb-children-wrapper:after, .mphb-reserve-rooms-details .mphb-adults-chooser:after, .mphb-reserve-rooms-details .mphb-children-chooser:after, .mphb-customer-country:after { bottom: 25px; } .widget_mphb_search_availability_widget .mphb_widget_search-adults:after, .widget_mphb_search_availability_widget .mphb_widget_search-children:after { bottom: 35px; } .search_selected_accommodation .mphb_sc_booking_form-wrapper .mphb-adults-wrapper:after, .search_selected_accommodation .mphb_sc_booking_form-wrapper .mphb-children-wrapper:after { bottom: 10px; } .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after { left: 8%; bottom: 27px; } body.page-template-page-l .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after, body.page-template-page-r .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after { left: 7%; } .mphb-reserve-rooms-details .mphb-children-chooser { margin-left: 3%; } / End CSS for hoteller-availability-search */ .header_style_wrapper #logo_normal .logo_wrapper, .header_style_wrapper #logo_transparent .logo_wrapper { margin-top: 10px; } #right_click_content { background: rgba(0, 0, 0, 0.5); color: #ffffff; } body, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="tel"], input.wpcf7-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, select, textarea, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget label, .ui-widget-header, .zm_alr_ul_container { font-family: 'Jost', sans-serif; } body, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="tel"], input.wpcf7-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, select, input[type="submit"], input[type="button"], a.button, .button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { font-size: 16px; } body, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="tel"], input.wpcf7-text, textarea, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, select { font-weight: 400; } #page_content_wrapper .inner .inner_wrapper, body.centeralign3 .menu_address_content, body.centeralign3 .menu_tel_content { letter-spacing: 0px; } body { line-height: 1.8; } h1, h2, h3, h4, h5, h6, h7, .post_quote_title, strong[itemprop="author"], #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a, #filter_selected, blockquote, .sidebar_widget li.widget_products, #footer ul.sidebar_widget li ul.posts.blog li a, .woocommerce-page table.cart th, table.shop_table thead tr th, .testimonial_slider_content, .pagination, .pagination_detail { font-family: 'Jost', sans-serif; } h1, h2, h3, h4, h5, h6, h7, #autocomplete li strong { font-weight: 500; text-transform: none; letter-spacing: 0px; } h1, h2, h3, h4, h5, h6, h7 { font-style: normal; } h1 { font-size: 40px; } h2 { font-size: 25px; } h3 { font-size: 30px; } h4 { font-size: 26px; } h5 { font-size: 24px; } h6 { font-size: 20px; } body, #wrapper, #page_content_wrapper.fixed, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, #body_loading_screen, h3#reply-title span, .overlay_gallery_wrapper, .pagination a, .pagination span, #captcha-wrap .text-box input, .flex-direction-nav a, .blog_promo_title h6, #supersized li, #horizontal_gallery_wrapper .image_caption, body.tg_password_protected #page_content_wrapper .inner .inner_wrapper .sidebar_content, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] { background-color: #ffffff; } form.mphb_sc_checkout-form .mphb-reserve-rooms-details, #page_content_wrapper .sidebar .content .sidebar_widget li.widget.widget_mphb_search_availability_widget { background-color: #f9f9f9; } body, .pagination a, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, .post_info a, #page_content_wrapper.split #copyright, .page_content_wrapper.split #copyright, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .readmore, .woocommerce-MyAccount-navigation ul a { color: #222222; } ::selection { background-color: #222222; } ::-webkit-input-placeholder { color: #222222; } ::-moz-placeholder { color: #222222; } :-ms-input-placeholder { color: #222222; } a, .gallery_proof_filter ul li a { color: #222222; } .flex-control-paging li a.flex-active, .post_attribute a:before, #menu_wrapper .nav ul li a:before, #menu_wrapper div .nav li > a:before, .post_attribute a:before { background-color: #222222; } .flex-control-paging li a.flex-active, .image_boxed_wrapper:hover, .gallery_proof_filter ul li a.active, .gallery_proof_filter ul li a:hover { border-color: #222222; } a:hover, a:active, .post_info_comment a i, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #222222; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active { background: #222222; border-color: #af884a; background-color: #af884a; color: #ffffff; } h1, h2, h3, h4, h5, h6, h7, pre, code, tt, blockquote, .post_header h5 a, .post_header h3 a, .post_header.grid h6 a, .post_header.fullwidth h4 a, .post_header h5 a, blockquote, .site_loading_logo_item i, .ppb_subtitle, .woocommerce .woocommerce-ordering select, .woocommerce #page_content_wrapper a.button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover, .ui-accordion .ui-accordion-header a, .tabs .ui-state-active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .post_header h5 a, .post_header h6 a, .flex-direction-nav a:before, .social_share_button_wrapper .social_post_view .view_number, .social_share_button_wrapper .social_post_share_count .share_number, .portfolio_post_previous a, .portfolio_post_next a, #filter_selected, #autocomplete li strong, .themelink, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar .ui-dialog-title, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar .ui-dialog-title { color: #333333; } body.page.page-template-gallery-archive-split-screen-php #fp-nav li .active span, body.tax-gallerycat #fp-nav li .active span, body.page.page-template-portfolio-fullscreen-split-screen-php #fp-nav li .active span, body.page.tax-portfolioset #fp-nav li .active span, body.page.page-template-gallery-archive-split-screen-php #fp-nav ul li a span, body.tax-gallerycat #fp-nav ul li a span, body.page.page-template-portfolio-fullscreen-split-screen-php #fp-nav ul li a span, body.page.tax-portfolioset #fp-nav ul li a span { background-color: #333333; } #social_share_wrapper, hr, #social_share_wrapper, .post.type-post, .comment .right, .widget_tag_cloud div a, .meta-tags a, .tag_cloud a, #footer, #post_more_wrapper, #page_content_wrapper .inner .sidebar_content, #page_content_wrapper .inner .sidebar_content.left_sidebar, .ajax_close, .ajax_next, .ajax_prev, .portfolio_next, .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_next, .separated, .blog_next_prev_wrapper, #post_more_wrapper h5, #ajax_portfolio_wrapper.hidding, #ajax_portfolio_wrapper.visible, .tabs.vertical .ui-tabs-panel, .ui-tabs.vertical.right .ui-tabs-nav li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th, table tr th, table tr td, .woocommerce #payment, .woocommerce-page #payment, .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li, .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row, .ui-tabs li:first-child, .ui-tabs .ui-tabs-nav li, .ui-tabs.vertical .ui-tabs-nav li, .ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active, .ui-tabs.vertical .ui-tabs-nav li:last-child, #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a, .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content, #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle:before, h2.widgettitle:before, #autocomplete, .ppb_blog_minimal .one_third_bg, .tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li, .ui-tabs li:first-child, .ui-tabs.vertical .ui-tabs-nav li:last-child, .woocommerce .woocommerce-ordering select, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page table.cart th, table.shop_table thead tr th, hr.title_break, .overlay_gallery_border, #page_content_wrapper.split #copyright, .page_content_wrapper.split #copyright, .post.type-post, .events.type-events, h5.event_title, .post_header h5.event_title, .client_archive_wrapper, #page_content_wrapper .sidebar .content .sidebar_widget li.widget, .page_content_wrapper .sidebar .content .sidebar_widget li.widget, hr.title_break.bold, blockquote, .social_share_button_wrapper, .social_share_button_wrapper, body:not(.single) .post_wrapper, .themeborder, #about_the_author, .related.products, form.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-room-details, .room_grid2_action_wrapper .child_one_half.themeborder, .mphb-reserve-room-section, .room_grid_wrapper .room_grid_attr_wrapper .child_one_third { border-color: #e1e1e1; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea, select { background-color: #ffffff; color: #222222; border-color: #222222; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus { border-color: #af884a; } .input_effect ~ .focus-border { background-color: #af884a; } input[type="submit"], input[type="button"], a.button, .button, .woocommerce .page_slider a.button, a.button.fullwidth, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-family: 'Jost', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0px; text-transform: none; border-width: 2px; } input[type="submit"], input[type="button"], a.button, .button, .pagination span, .pagination a:hover, .woocommerce .footer_bar .button, .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .post_type_icon, .filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover, .comment_box, .one_half.gallery2 .portfolio_type_wrapper, .one_third.gallery3 .portfolio_type_wrapper, .one_fourth.gallery4 .portfolio_type_wrapper, .one_fifth.gallery5 .portfolio_type_wrapper, .portfolio_type_wrapper, .post_share_text, #close_share, .widget_tag_cloud div a:hover, .ui-accordion .ui-accordion-header .ui-icon, .mobile_menu_wrapper #mobile_menu_close.button, .mobile_menu_wrapper #close_mobile_menu, .multi_share_button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { background-color: #000000; } .pagination span, .pagination a:hover, .button.ghost, .button.ghost:hover, .button.ghost:active, blockquote:after, .woocommerce-MyAccount-navigation ul li.is-active, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { border-color: #000000; } .comment_box:before, .comment_box:after { border-top-color: #000000; } .button.ghost, .button.ghost:hover, .button.ghost:active, .infinite_load_more, blockquote:before, .woocommerce-MyAccount-navigation ul li.is-active a, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { color: #000000; } input[type="submit"], input[type="button"], a.button, .button, .pagination a:hover, .woocommerce .footer_bar .button, .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .post_type_icon, .filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover, .comment_box, .one_half.gallery2 .portfolio_type_wrapper, .one_third.gallery3 .portfolio_type_wrapper, .one_fourth.gallery4 .portfolio_type_wrapper, .one_fifth.gallery5 .portfolio_type_wrapper, .portfolio_type_wrapper, .post_share_text, #close_share, .widget_tag_cloud div a:hover, .ui-accordion .ui-accordion-header .ui-icon, .mobile_menu_wrapper #mobile_menu_close.button, #toTop, .multi_share_button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .pagination span.current, .mobile_menu_wrapper #close_mobile_menu, #footer a.button { color: #ffffff; } input[type="submit"], input[type="button"], a.button, .button, .pagination a:hover, .woocommerce .footer_bar .button, .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .infinite_load_more, .post_share_text, #close_share, .widget_tag_cloud div a:hover, .mobile_menu_wrapper #close_mobile_menu, .mobile_menu_wrapper #mobile_menu_close.button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { border-color: #000000; } .frame_top, .frame_bottom, .frame_left, .frame_right { background: #222222; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a, .header_client_wrapper { font-family: 'Jost', sans-serif; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a, .header_cart_wrapper i, .header_client_wrapper { font-size: 15px; } #menu_wrapper .nav ul li, #menu_wrapper div .nav li, html[data-menu="centeralogo"] #logo_right_button, html[data-menu="leftalign"] #logo_right_wrapper { padding-top: 26px; padding-bottom: 26px; } .top_bar, html { background-color: #ffffff; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a, #mobile_nav_icon, #logo_wrapper .social_wrapper ul li a, .header_cart_wrapper a { color: #222222; } #mobile_nav_icon { border-color: #222222; } #menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover, .header_cart_wrapper a:hover, #page_share:hover, #logo_wrapper .social_wrapper ul li a:hover { color: #222222; } #menu_wrapper .nav ul li a:before, #menu_wrapper div .nav li > a:before, #wrapper.transparent #menu_wrapper div .nav li.current-menu-item a:before { background-color: #222222; } #menu_wrapper div .nav > li.current-menu-item > a, #menu_wrapper div .nav > li.current-menu-parent > a, #menu_wrapper div .nav > li.current-menu-ancestor > a, #menu_wrapper div .nav li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li.current-menu-item a, #logo_wrapper .social_wrapper ul li a:active { color: #222222; } .top_bar, #nav_wrapper { border-color: #ffffff; } .header_cart_wrapper .cart_count { background-color: #af884a; color: #ffffff; } #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a { font-size: 15px; font-weight: 400; letter-spacing: 0px; text-transform: none; } #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li.current-menu-parent ul li.current-menu-item a, #menu_wrapper .nav ul li.megamenu ul li ul li a, #menu_wrapper div .nav li.megamenu ul li ul li a { color: #ffffff; } #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:hover, #menu_wrapper div .nav li.megamenu ul li ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.current-menu-parent ul li.current-menu-item a:hover { color: #ffffff; } #menu_wrapper .nav ul li ul li a:before, #menu_wrapper div .nav li ul li > a:before, #wrapper.transparent .top_bar:not(.scroll) #menu_wrapper div .nav ul li ul li a:before { background-color: #ffffff; } #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { background: #222222; border-color: #222222; } #menu_wrapper div .nav li.megamenu ul li > a, #menu_wrapper div .nav li.megamenu ul li > a:hover, #menu_wrapper div .nav li.megamenu ul li > a:active, #menu_wrapper div .nav li.megamenu ul li.current-menu-item > a { color: #ffffff; } #menu_wrapper div .nav li.megamenu ul li { border-color: #333333; } .above_top_bar { background: #ffffff; } #top_menu li a, .top_contact_info, .top_contact_info i, .top_contact_info a, .top_contact_info a:hover, .top_contact_info a:active { color: #222222; } .mobile_main_nav li a, #sub_menu li a { font-family: 'Jost', sans-serif; font-size: 17px; font-weight: 400; text-transform: uppercase; } .mobile_main_nav li a { letter-spacing: 0px; } #sub_menu li a { font-size: 17px; } .mobile_menu_wrapper { background-color: #ffffff; } .mobile_main_nav li a, #sub_menu li a, .mobile_menu_wrapper .sidebar_wrapper a, .mobile_menu_wrapper .sidebar_wrapper, #close_mobile_menu i, .mobile_menu_wrapper .social_wrapper ul li a, .fullmenu_content #copyright, .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle { color: #222222; } .mobile_main_nav li a:hover, .mobile_main_nav li a:active, #sub_menu li a:hover, #sub_menu li a:active, .mobile_menu_wrapper .social_wrapper ul li a:hover { color: #222222; } #page_caption.hasbg { height: 600px; } #page_caption { background-color: #ffffff; padding-top: 65px; padding-bottom: 65px; margin-bottom: 20px; } #page_caption .page_title_wrapper .page_title_inner { text-align: center; } #page_caption h1 { font-size: 55px; } #page_caption h1, .post_caption h1 { font-weight: 400; text-transform: none; font-style: normal; letter-spacing: -1px; line-height: 1.2; color: #333333; } .page_tagline, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company, .post_detail.single_post { color: #9b9b9b; } .page_tagline, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company { font-size: 13px; } .page_tagline { font-weight: 400; } .page_tagline, .post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company { letter-spacing: 2px; text-transform: uppercase; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle, form.mphb_sc_checkout-form h3, form.mphb_sc_checkout-form h4 { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0px; text-transform: none; font-style: normal; color: #333333; } #page_content_wrapper .inner .sidebar_wrapper .sidebar .content, .page_content_wrapper .inner .sidebar_wrapper .sidebar .content { color: #222222; } #page_content_wrapper .inner .sidebar_wrapper a:not(.button), .page_content_wrapper .inner .sidebar_wrapper a:not(.button) { color: #333333; } #page_content_wrapper .inner .sidebar_wrapper a:hover:not(.button), #page_content_wrapper .inner .sidebar_wrapper a:active:not(.button), .page_content_wrapper .inner .sidebar_wrapper a:hover:not(.button), .page_content_wrapper .inner .sidebar_wrapper a:active:not(.button) { color: #222222; } #page_content_wrapper .inner .sidebar_wrapper a:not(.button):before { background-color: #222222; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle { border-color: #333333; } #footer { font-size: 17px; } #footer_wrapper { margin-top: 0px; } .footer_bar_wrapper { font-size: 15px; } .footer_bar, #footer, #footer input[type="text"], #footer input[type="password"], #footer input[type="email"], #footer input[type="url"], #footer input[type="tel"], #footer input[type="date"], #footer textarea, #footer select, #footer_photostream { background-color: #000000; } #footer, #copyright, #footer_menu li a, #footer_menu li a:hover, #footer_menu li a:active, #footer input[type="text"], #footer input[type="password"], #footer input[type="email"], #footer input[type="url"], #footer input[type="tel"], #footer input[type="date"], #footer textarea, #footer select, #footer blockquote, #footer input::placeholder { color: #ffffff; } #footer .input_effect ~ .focus-border { background-color: #ffffff; } #copyright a, #copyright a:active, #footer a:not(.button), #footer a:active:not(.button), #footer .sidebar_widget li h2.widgettitle, #footer_photostream a { color: #cccccc; } #footer .sidebar_widget li h2.widgettitle { border-color: #cccccc; } #copyright a:hover, #footer a:hover:not(.button), .social_wrapper ul li a:hover, #footer_wrapper a:hover:not(.button), #footer_photostream a:hover { color: #323232; } .footer_bar { background-color: #000000; } .footer_bar, #copyright { color: #ffffff; } .footer_bar a, #copyright a, #footer_menu li a { color: #cccccc; } .footer_bar a:hover, #copyright a:hover, #footer_menu li a:not(.button):hover { color: #ffffff; } .footer_bar_wrapper, .footer_bar { border-color: #222222; } .footer_bar_wrapper .social_wrapper ul li a { color: #999999; } a#toTop { background: rgba(0, 0, 0, 0.1); color: #ffffff; } #page_content_wrapper.blog_wrapper, #page_content_wrapper.blog_wrapper input:not([type="submit"]), #page_content_wrapper.blog_wrapper textarea, .post_excerpt.post_tag a:after, .post_excerpt.post_tag a:before, .post_navigation .navigation_post_content { background-color: #ffffff; } .post_info_cat, .post_info_cat a { color: #9b9b9b; border-color: #9b9b9b; } .post_img_hover .post_type_icon { background: #1c58f6; } .post_header h5, h6.subtitle, .post_caption h1, #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a, #post_featured_slider li .slider_image .slide_post h2, .post_header.grid h6, .blog_minimal_wrapper .content h4, .post_attribute, .comment_date, .post-date { font-family: 'Oswald', sans-serif; } .post_header h5, h6.subtitle, .post_caption h1, #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a, #post_featured_slider li .slider_image .slide_post h2, .post_header.grid h6, .blog_minimal_wrapper .content h4 { font-weight: 400; letter-spacing: 0px; text-transform: none; font-style: normal; } #page_content_wrapper.blog_wrapper.hasbg { margin-top: -110px; } .post_excerpt.post_tag a { background: #f0f0f0; color: #888; } .post_excerpt.post_tag a:after { border-left-color: #f0f0f0; } .singleroom_amenities { background: #000000; color: #ffffff; } .singleroom_price_amount .mphb-price { font-family: 'Oswald', sans-serif; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, p.price ins span.amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price { color: #999; } .woocommerce .products .onsale, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background-color: #1c58f6; } .elementor .elementor-hidden-desktop { display: block !important; } .input { width: 100%; border:1px solid #d8d8d8 !important; } textarea.input { height: 150px; margin-bottom: 15px; } .bg-color{ background: #fff7f5!important; } .custom-container{ width: 80%; margin: auto; } .custom-row{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; column-gap: 20px; } .custom-row img{ width: 100%; } .pt-60{ padding-top: 60px; } .pb-60{ padding-bottom: 60px; } .new-package{ padding-top: 170px; } .title h2{ text-align: center; color: #347434; font-weight: 700; font-size: 35px; line-height: 40px; padding-bottom: 10px; } .title h2 span{ text-align: center; color: #000; font-size: 32px; display: block; } .para-header p{ text-align: center; padding-top: 1px; padding-bottom: 25px; width: 65%; margin: auto; } .new-package form{ color: #000; background: #000000b5; padding: 54px 50px; text-align: center; } .new-package form p{ color: #fff; } .new-package form h2{ color: #fff; font-size: 35px; font-weight: 600; } .new-package input{ background: transparent; border: none; border-bottom: 1px solid #fff; padding: 2px; font-size: 18px; width: 100%; color: #fff; margin-bottom: 25px; outline: none; } .new-package select{ background: transparent; border: none; border-bottom: 1px solid #fff; padding: 2px; font-size: 18px; width: 100%; color: #fff; margin-bottom: 20px; outline: none; } .new-package option{ color: #000; } .submit-btn { text-align: center; } .new-package .submit-btn button{ border: 1px solid #ddc276; font-size: 18px; padding: 10px 30px 10px 30px; margin-top: 20px; color: #fff; text-decoration: none; background: #ddc276 } Input::-webkit-input-placeholder { color: #000; } input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(100%) sepia(3%) saturate(666%) hue-rotate(44deg) brightness(123%) contrast(100%); } .bottom-left { background: #fff; } .bottom-left h2{ text-align: center; color: #000; padding: 10px; font-size: 25px; } .room-section{ background: #cdc6c094; } .custom-row-4{ display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; column-gap: 20px; } .box { padding:15px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-top:10px; background:#fff; } .box img{ display:block; margin:auto; } .box p{ text-align:center; font-size:18px; font-weight:500; color:#000; margin-top:10px; padding: 0!important; } .title p{ text-align: center; padding: 0px; font-size: 22px; } @media only screen and (max-width: 600px) { .custom-row { grid-template-columns: repeat(1, 1fr); } .new-package form h2 { font-size: 34px; } .custom-row-4{ grid-template-columns: repeat(1, 1fr); } .para-header p { width: 100%; } } .facBg p img{ width: 15px !important; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.05 | proxy | phpinfo | Settings