html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } body { line-height:1.5; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; }.entry-content img { margin: 0 0 1.5em 0; } div.alignleft, img.alignleft { display: inline-block; float: left; margin-right: 1em; margin-bottom: 1em; } div.alignright, img.alignright { display: inline-block; float: right; margin-left: 1em; margin-top: 1em; } div.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; font-weight: bold; } .wp-smiley { max-height: 1em; margin:0 !important; } .gallery dl { margin: 0; border: 0; padding: 0; } blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; } blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; } .gallery-caption { font-size: 12px; } html { height: 100%; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } p { padding-top:0.1em; padding-bottom:0.1em; } em { font-style: italic; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .center { text-align: center; } #page_content_wrapper p, .page_content_wrapper p { padding-top:0.5em; padding-bottom:0.5em; } #page_content_wrapper p:empty, .page_content_wrapper p:empty { padding: 0 !important; margin: 0 !important; } #footer p { padding-top:0.5em; padding-bottom:0.5em; } html, body { min-height: 100%; } img, a img { image-rendering: optimizeQuality; } em { font-style: italic; } ::selection { background: #efc337; color: #fff; } table { border-spacing: 0; } .sticky { background: #ffffe0; padding: 30px 20px 20px 20px; border: 1px solid #e6db55 !important; box-sizing: border-box; } .marginright { margin-right: 7px; } img.alignnone { margin: 2em 0 2em 0; } img.alignright { float:right; margin:0 0 1em 2em; } img.alignleft { float:left; margin:0 2em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto } a img.alignright { float:right; margin:0 0 1em 2em; } a img.alignleft { float:left; margin:0 2em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .sticky, .bypostauthor { font-weight: bold; }@keyframes subNavIn{ from{ transform: translateX(180px); -webkit-transform: translateX(180px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes subNavIn{ from{ transform: translateX(180px); -webkit-transform: translateX(180px); 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(180px); -webkit-transform: translateX(180px); opacity: 0; } } @-webkit-keyframes subNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(180px); -webkit-transform: translateX(180px); opacity: 0; } } @keyframes mainNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(-180px); -webkit-transform: translateX(-180px); opacity: 0; } } @-webkit-keyframes mainNavOut{ from{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to{ transform: translateX(-180px); -webkit-transform: translateX(-180px); opacity: 0; } } @keyframes mainNavIn{ from{ transform: translateX(-180px); -webkit-transform: translateX(-180px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes mainNavIn{ from{ transform: translateX(-180px); -webkit-transform: translateX(-180px); opacity: 0; } to{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; 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; visibility: visible !important; display: inline-block !important; } @keyframes fadeIn { 0% { transform: scale(1); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(1); opacity: 0.0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; 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; visibility: visible !important; } @keyframes slideUp { 0% { opacity: 0; visibility: hidden; transform: translateY(10%); } 100% { opacity: 1; visibility: visible; transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { opacity: 0; visibility: hidden; -webkit-transform: translateY(10%); } 100% { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); } } .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(15%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideUp2 { 0% { opacity: 0; transform: translateY(15%); } 100% { opacity: 1; transform: translateY(0%); } } .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .slideDown2{ animation-name: slideDown2; -webkit-animation-name: slideDown2; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; display: inline-block !important; } @keyframes slideDown2 { 0% { opacity: 0; transform: translateY(-50%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { opacity: 0; -webkit-transform: translateY(-50%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .bigEntrance{ animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.5); opacity: 0.5; } 30% { transform: scale(1.03); opacity: 1 !important; } 45% { transform: scale(0.98); opacity: 1 !important; } 60% { transform: scale(1.01); opacity: 1 !important; } 100% { transform: scale(1); opacity: 1 !important; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.5); opacity: 0.5; } 30% { -webkit-transform: scale(1.03); opacity: 1 !important; } 45% { -webkit-transform: scale(0.98); opacity: 1 !important; } 60% { -webkit-transform: scale(1.01); opacity: 1 !important; } 100% { -webkit-transform: scale(1); opacity: 1 !important; } } .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(10%); opacity: 0; } 100% { transform: translateX(0%); opacity: 1 !important; } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(10%); opacity: 0; } 100% { -webkit-transform: translateX(0%); opacity: 1 !important; } } .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideRight { 0% { opacity: 0; transform: translateX(-10%); } 100% { transform: translateX(0%); opacity: 1 !important; } } @-webkit-keyframes slideRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { -webkit-transform: translateX(0%); opacity: 1 !important; } }/* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; } .mfp-wrap { top: 0 !important; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed !important; outline: none !important; -webkit-backface-visibility: hidden; background: #000; background: rgb(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8); animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; 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; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { } .mfp-zoom { cursor: pointer; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); color: white; font-style: normal; z-index:9999; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -13px; top: -10px; text-align: center; display: block; border-radius: 250px; width: 40px; height: 40px; line-height: 40px; border: 2px solid transparent; color: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { border: 2px solid #fff; } .mfp-image-holder .mfp-close:after, .mfp-iframe-holder .mfp-close:after { font-family: 'FontAwesome'; content: "\f00d"; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 19px; line-height: 40px; } .mfp-image-holder .mfp-close:hover:after, .mfp-iframe-holder .mfp-close:hover:after { -webkit-transform: rotateZ(90deg); } .mfp-counter { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { font-family: "FontAwesome"; font-size: 50px; display: block; content: '\f104'; color: #fff; font-weight: 300; margin-left: 20px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { margin-left: 44px; font-family: "FontAwesome"; font-size: 50px; display: block; content: '\f105'; color: #fff; font-weight: 300; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -26px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; color: #fff; } .mfp-title { text-align: left; line-height: 18px; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 90%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-figure, .mfp-iframe { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -ms-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }/* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #ccc;} .ui-widget-content a { color: #222222; } .ui-widget-header { border-bottom: 1px solid #aaaaaa; background: #cccccc url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; font-weight: bold; } .ui-widget-header a { } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default { background: #fff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover, .ui-widget-header, .ui-state-default { background: transparent; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #ffffff url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://hotvog.com/wp-content/uploads/grand-restaurant/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header a { display: block; padding: 1em .3em 1em .7em; color: #000; } /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 1.6em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -15px; } .ui-accordion .ui-accordion-content { padding: 1em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs.ui-widget-content { border: 0;} /*! * jQuery UI Button 1.8.24 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /*! * jQuery UI Datepicker 1.8.24 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain ; background-position: 50% 50% ; background-repeat: no-repeat ; } :root .mejs-poster img { display: none ; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px ; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(https://hotvog.com/wp-content/uploads/grand-restaurant/mejs-loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(https://hotvog.com/wp-content/uploads/grand-restaurant/controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(https://hotvog.com/wp-content/uploads/grand-restaurant/controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(20, 20, 20, 0.8); } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(https://hotvog.com/wp-content/uploads/grand-restaurant/background.png); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav { padding: 0; list-style: none;} .slides { margin-top: 0 !important; margin-left: 0 !important; } /* Icon Fonts *********************************/ /* Font-face Icons */ /*@font-face { font-family: 'flexslider-icon'; src:url('https://hotvog.com/wp-content/uploads/grand-restaurant/fonts/flexslider-icon.eot'); src:url('https://hotvog.com/wp-content/uploads/grand-restaurant/fonts/flexslider-icon.eot#iefix') format('embedded-opentype'), url('https://hotvog.com/wp-content/uploads/grand-restaurant/fonts/flexslider-icon.woff') format('woff'), url('https://hotvog.com/wp-content/uploads/grand-restaurant/fonts/flexslider-icon.ttf') format('truetype'), url('https://hotvog.com/wp-content/uploads/grand-restaurant/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }*/ /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; text-align: center; } .flexslider .slides > li img { max-width: 100%; line-height: 0; } .flexslider .slides.post_slideshow_widget > li { margin-right: 0 !important; } .flexslider .slides.post_slideshow_widget > li img { margin-bottom: 10px; } #page_slider.flexslider .slides > li { margin-right: 0 !important; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0; position: relative; zoom: 1; margin-top: 0; } .flexslider.post_carousel { margin-top: 0; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flexslider.tg_gallery .slides { line-height: 0; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {height: 0; list-style: none !important;} .flex-direction-nav a { display: block; width: 45px; height: 45px; text-align: center; position: absolute; bottom: 44%; z-index: 2; overflow: hidden; opacity: 1; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: transparent; border: 1px solid #fff; border-radius: 100px; } .flex-direction-nav a:hover { opacity: 1; } #page_slider .flex-direction-nav a { top: 42% !important; } .slider_widget_wrapper .flex-direction-nav a { top: 34% !important; } .post_type_gallery .flex-direction-nav a { top: 33%; } .flex-direction-nav .flex-prev { left: -80px; } .flex-direction-nav .flex-next { right: -80px; } .slider_wrapper:hover .flex-prev { opacity: 1; left: 2%; } .slider_wrapper:hover .flex-next { opacity: 1; right: 2%; } .slider_wrapper .flexslider:hover .flex-prev { opacity: 1; left: 0; } .slider_wrapper .flexslider:hover .flex-next { opacity: 1; right: 0; } .flexslider .flex-prev:hover, .flexslider .flex-next:hover { text-decoration: none !important; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 20px; line-height: 45px; display: block; content: '\f104'; color: #fff; margin-top: 0px; } .flex-direction-nav a.flex-next:before { content: '\f105'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; text-align: center; margin: 0 !important; margin-top: 20px !important; } .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 7px; height: 7px; display: block; background: transparent; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 2px solid #999; } .flex-control-paging li a:hover { border-color: #333; } .flex-control-paging li a.flex-active { background: #999; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { background: #222; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-size: 10px; line-height: 14px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { *display: inline; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *vertical-align: auto; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *vertical-align: auto; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { *display: inline; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer { font-size: 64px; line-height: 64px; font-weight: 400; } .animate_counter_wrapper { text-align: center; }.parallax-block { position: fixed; top: 0; left: 0; overflow: hidden; z-index: -1; max-width: none !important; max-height: none !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .parallax-image { position: absolute; top: 0; left: 0; max-width: none !important; max-height: none !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; }/*------------------------------------------------------------------ [Master Stylesheet] Project: Grand Restaurant Wordpress Theme Version: 1.0 Last change: 19/06/15 [initial release] Assigned to: ThemeGoods Primary use: Wordpress Theme -------------------------------------------------------------------*/ @import "https://hotvog.com/wp-content/uploads/grand-restaurant/reset.css"; @import "https://hotvog.com/wp-content/uploads/grand-restaurant/wordpress.css"; /*------------------------------------------------------------------ [Color codes] Background: #ffffff (white) Content: #424242 (dark grey) Header: #222222 (90% black) Footer: #000000 (black) a (standard): #222222 (90% black) a (hover): #000000 (black) a (active): #000000 (black) -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Typography] Body copy: 14px/1.8em 'Lato', 'Helvetica Neue', Arial, Verdana, sans-serif Header: 34px/1.8em 'Lato', 'Helvetica Neue', Arial, Verdana, sans-serif Input, textarea: 14px 'Lato','Helvetica Neue', Arial, Verdana, sans-serif Sidebar heading: 12px 'Lato','Helvetica Neue', Arial, Verdana, sans-serif -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Navigation / .top_bar 3. Footer / #footer 4. Content / #page_content_wrapper 5. Social Sharing / #social_share_wrapper 6. Sidebar / .sidebar_wrapper 7. Form & Input 8. Pagination / .pagination 9. Widgets 10. Food Menu Template Elements 11. Contact Form Captcha / #captcha-wrap 12. Woocommerce Elements 13. Live Content Builde Elements -------------------------------------------------------------------*/ body { background: #ffffff; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; padding: 0; margin: 0; color: #424242; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.8; word-wrap: break-word; } body.overflow_hidden, html.overflow_hidden { overflow: hidden; } body.loading #wrapper { opacity: .3; } body.notouch { -webkit-overflow-scrolling: auto !important; } body.js_nav { overflow: hidden; } body.js_nav #wrapper { -webkit-transform: translate(-400px, 0px); -moz-transform: translate(-400px, 0px); transform: translate(-400px, 0px); } body.page-template-page_blank-php #wrapper { height: 100%; position: absolute; width: 100% !important; margin: 0; display: table; vertical-align: middle; float: none; top: 0; left: 0; } body.js_nav .tf_bg img { position: static; } .floatleft { float: left !important; } .floatright { float: right !important; } .divider { clear: both; } #wrapper { float: left; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; padding-top: 126px; /* Default menu height */ height: 100%; } #wrapper.hasbg { padding-top: 0 !important; } hr { height: 1px; border: 0; border-top: 1px solid #ebebeb; background: transparent; margin: auto; width: 100%; clear: both; } hr.small { width: 20%; } hr.thick { border-top: 3px solid #ebebeb; } hr.dotted { border-top: 2px dotted #ebebeb; } hr.dashed { border-top: 2px dashed #ebebeb; } hr.faded { border: 0; height: 1px; } hr.faded:before { top: -0.5em; height: 1em; } hr.faded:after { content:''; height: 0.5em; top: 1px; } hr.faded, hr.faded:before { background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); } .hr_totop { position: relative; top: -15px; right: 0; float: right; display: block; background: #fff; z-index: 2; padding: 0 0 0 7px; font-size:13px; color: #000; font-weight: 900; } .small_line { height: 1px; border: 0; border-top: 1px solid #666; background: transparent; margin: auto; width: 30px; display: block; margin-top: 30px; } 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, .post_header h5 a:hover { color: #000; text-decoration: none; } a:active, .post_header h5 a:active { color: #000; text-decoration: none; } .20, a.comment-reply-link { color: #222; } h1 { font-size: 34px; } h2 { font-size: 30px; } h2.number { font-size: 50px; line-height: 50px; } .mobile_menu_wrapper #searchform { background: #333; width: 90%; } .mobile_menu_wrapper #searchform input[type=text] { background: transparent; width: 89%; border: 0; display: inline-block; color: #fff; } #searchform button { background: transparent; display: inline-block; border: 0; } #searchform button i { color: #fff; font-size: 13px; opacity: 0.5; } .mobile_menu_wrapper .widget_search #searchform { background: transparent !important; width: 100% } .mobile_menu_wrapper .widget_search #searchform input[type=text] { background: #333; width: 100%; } h3 { font-size: 26px; } h3#reply-title { font-size: 18px; } h4 { font-size: 22px; } .gmap_marker h4 { font-size: 18px; color: #000; } h5 { font-size: 18px; } h5.related_post, .fullwidth_comment_wrapper h5.comment_header { font-size: 12px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #222222; } h6 { font-size: 16px; } h7 { font-size: 16px; } h1, h2, h3, h4, h5, h6, h7 { color: #444; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; letter-spacing: 0px; font-weight: 400; } .space { margin-bottom: 5px; } .middle { vertical-align: -30%; } pre, code, tt { font:12px 'andale mono', 'lucida console', monospace; line-height:1.5; padding: 15px 10px 15px 10px; display: block; overflow: auto; margin-top: 20px; margin: 20px 0 20px 0; width:92%; border: 0; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .clear { clear: both; } img.mid_align { vertical-align: middle; margin-right: 5px; border: 0; } .fullwidth_comment_wrapper { width: 100%; float: left; margin-top: 50px; } .fullwidth_comment_wrapper:empty { display: none; } #commentform { margin-left: -1.33333rem; } #commentform label { display: none; } .logged-in-as { display: none; } #commentform > p { padding-left: 24px; box-sizing: border-box; } #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url { float: left; width: 33.33%; } #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: 33.33%; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { /* Firefox 18- */ color: #999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; } :-ms-input-placeholder { color: #999; } #contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { margin-bottom: 15px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform input[type=text]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus, #commentform textarea:focus { border-color: #444; } .dropcap1 { display: block; float: left; margin: 0 8px 0 0; font-size: 24px; line-height: 40px; background: #333; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #fff; width: 40px; height: 40px; text-align: center; text-shadow: none; } blockquote { font-size: 20px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; color: #444; margin: auto; margin-top: 15px; margin-bottom: 15px; font-weight: 600; } 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; } /*------------------------------------------------------------------ [2. Navigation] */ .logo_container { float: left; display: table; height: 100%; } .mobile_menu_wrapper .logo_container { margin-bottom: 40px; } .logo_align { display: table-cell; vertical-align: middle; } .logo_wrapper { margin: 0; -webkit-transition: margin 0.3s, display 0.3s; -moz-transition: margin 0.3s, display 0.3s; transition: margin 0.3s, display 0.3s; display: block; line-height: 0; } .logo_wrapper.hidden { display: none; } .logo_wrapper img { transition: transform 0.2s linear; width: auto; } .logo_wrapper img.zoom { transform: scale(1) !important; max-width: 100%; } .above_top_bar { height: 30px; background: #f0c537; position: relative; z-index: 3; } .header_style_wrapper { width: 100%; float: left; position: fixed; top: 0; left: 0; z-index: 10; display: block; } body.admin-bar:not(.js_nav) .header_style_wrapper { padding-top: 32px; } .header_style_wrapper.nofixed { display: none; } .top_bar { padding: 0; box-sizing: border-box; width: 100%; height: 96px; background: #fff; background: rgb(256,256,256,0.95); background: rgba(256,256,256,0.95); border-bottom: 1px solid #e1e1e1; float: left; -webkit-transition: height 0.5s, background 0.5s; -moz-transition: height 0.5s, background 0.5s; transition: height 0.5s, background 0.5s; } .top_bar.hasbg { background: transparent; background-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.3) 35%, transparent 97%, transparent 0%); border: 0; box-shadow: 0 0 0; } .top_bar.noopacity { background: #fff !important; } #mobile_menu { display: none; cursor: pointer; } #menu_wrapper { margin:auto; width: 960px; height: 100%; } #nav_wrapper { float: right; display: table; height: 100%; margin-left: 35px; } .nav_wrapper_inner { display: table-cell; vertical-align: middle; } #menu_border_wrapper { display: inline-block; } #autocomplete { display: none; position:absolute; z-index:1001; width: 288px; background: #fff; right: 72px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } #autocomplete.visible { display: block; } @-moz-document url-prefix() { #autocomplete { margin-top: 20px; } } #autocomplete ul { margin: 0; padding: 0; border: 0; float: left; list-style: none; width: 100%; } #autocomplete li { display:block; clear:both; float: left; width: 100%; padding: 10px 15px 10px 15px; box-sizing: border-box; border-bottom: 1px solid #e1e1e1; } #autocomplete li:first-child { margin-top: 10px; } #autocomplete li:last-child { margin-top: 10px; border: 0; } #autocomplete li strong { font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; font-weight: 600; font-size: 14px; } #autocomplete li.view_all { font-weight: bold; text-align: center; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; margin-top: 0; text-transform: uppercase; } #autocomplete li .ajax_post { float:left; width: calc(100% - 50px); margin-left: 10px; } #mobile_nav_icon { display: inline-block; border-bottom: 9px double #444; border-top: 3px solid #444; height: 3px; width: 25px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; position: relative; margin-left: 10px; top: 3px; } .top_bar.hasbg #mobile_nav_icon { border-color: #fff; } .header_cart_wrapper { display: inline-block; margin-left: 5px; margin-right: 10px; position: relative; } .header_cart_wrapper .cart_count { position: absolute; top: -10px; right: -10px; font-size: 9px; border-radius: 50px; background: #000; color: #fff; z-index: 2; width: 16px; height: 16px; line-height: 16px; text-align: center; } .header_cart_wrapper i { font-size: 18px !important; margin-right: 0 !important; } .mobile_menu_wrapper { right: 0px; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform: translate(400px, 0px); -ms-transform: translate(400px, 0px); transform: translate(400px, 0px); -o-transform: translate(400px, 0px); -webkit-backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; -webkit-overflow-scrolling: touch; width: 400px; padding: 35px 40px 35px 40px; box-sizing: border-box; background: #111111; position: fixed; top: 0px; overflow-y: scroll; overflow-x: hidden; height: 100%; z-index: 9; color: #999; } body.js_nav .mobile_menu_wrapper { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } body.admin-bar .mobile_menu_wrapper { padding-top: 67px; } #close_mobile_menu { font-size: 22px; display: inline-block; position: absolute; right: 30px; top: 28px; opacity: 0.3; top: 38px; opacity: 0.3; } body.admin-bar #close_mobile_menu { top: 70px; } body.js_nav .mobile_menu_wrapper, html[data-menu=leftmenu] body.js_nav .mobile_menu_wrapper { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } #close_mobile_menu:hover { opacity: 1; } #close_mobile_menu i { color: #fff; } .mobile_main_nav, #sub_menu { margin-top: 40px; margin-bottom: 40px; list-style: none; overflow: hidden; width: 100%; } #sub_menu .sub-menu { margin-left: 20px; 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: 300; text-transform: uppercase; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; } .mobile_main_nav li a:hover, .mobile_main_nav li a:active, #sub_menu li a:active { color: #fff; } .mobile_main_nav li.menu-item-has-children > a:after { font-size: 11px; position: absolute; left: 360px; font-family: 'FontAwesome'; content: "\f054"; line-height: 4em; } .mobile_main_nav li ul.sub-menu { display: none; } .mobile_main_nav.mainnav_in { -webkit-animation: mainNavIn 0.2s; animation: mainNavIn 0.2s; } .mobile_main_nav.mainnav_out { -webkit-animation: mainNavOut 0.2s; animation: mainNavOut 0.2s; } #sub_menu.subnav_out { -webkit-animation: subNavOut 0.2s; animation: subNavOut 0.2s; } #sub_menu.subnav_in { -webkit-animation: subNavIn 0.2s; animation: subNavIn 0.2s; } #sub_menu li ul a:after { display: none; } #menu_back { text-transform: uppercase; letter-spacing: 2px; font-size: 10px !important; margin-bottom: 5px; } #menu_back:before { font-size: 12px; margin-right: 0.7em; position: relative; top: -1px; display: inline; font-family: 'FontAwesome'; content: "\f104"; } #overlay_background { opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 9; top: 0; left:0; width: 100%; height: 100%; cursor: pointer; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } body.js_nav #overlay_background { visibility: visible; opacity: 1; -webkit-transform: translate(-400px, 0px); -moz-transform: translate(-400px, 0px); transform: translate(-400px, 0px); } #overlay_background.visible { opacity: 1; visibility: visible; } .header_style_wrapper.fixed .top_bar #menu_border_wrapper .notice { margin-top: 24px; } .nav, .subnav, .nav_page_number { list-style: none; float: right; 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; float: right; } #menu_wrapper .nav ul li, #menu_wrapper div .nav li { display: inline-block; margin: 0; padding:0; } #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li { clear: both; width: 100%; padding: 0 !important; margin: 0; text-align: left !important; border-top: 1px solid #333; } #menu_wrapper .nav ul li:first-child, #menu_wrapper div .nav li ul li:first-child { border-top: 0; } #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: #222; font-size: 13px; padding: 37px 15px 38px 15px; font-weight: 600; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; text-transform: uppercase; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; } .top_bar.fullscreen_video #menu_wrapper div .nav > li > a, .top_bar.fullscreen_video i, .top_bar.fullscreen_video #searchform label, .top_bar.hasbg #menu_wrapper div .nav > li > a, .top_bar.hasbg i, .top_bar.hasbg .top_contact_info, .top_bar.hasbg .top_contact_info a, .top_bar.hasbg .top_contact_info a:hover, .top_bar.hasbg .top_contact_info a:active { color: #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; margin-top: 0; font-family: 'FontAwesome'; content: "\f107"; float: right; margin-left: 8px; margin-top: 3px; } #menu_wrapper .nav ul li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after { font-size: 12px; } #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: #cfa670; 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: #cfa670; z-index: 2; position: relative; } #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { display: none; list-style: none; background: #000000; border: 0; position: absolute; padding: 0; width: 210px; height: auto; z-index: 10; margin: 0; margin-left: -5px; margin-top: 0; z-index: 9; border: 0; } #menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul { position: absolute; left: 210px; padding: 0; margin-top: -42px; margin-left: 0; display: none; z-index: 9; opacity: 1; border: 0; } #menu_wrapper .nav ul li ul li ul:before, #menu_wrapper div .nav li ul li ul:before { display: none; } #menu_wrapper .nav ul li:hover ul, #menu_wrapper div .nav li:hover ul { display: block; } #menu_wrapper div .nav li ul li a, #menu_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 { width: 170px; display: block; border-top: 0; border: 0; margin: 0; font-size: 13px; padding: 10px 20px 10px 20px; letter-spacing: 0; font-weight: 400; text-transform: none; border-bottom: 0 !important; -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 ul li ul li a:hover, #menu_wrapper .nav ul li ul li ul li a:hover, #menu_wrapper div .nav li ul li ul li a:hover, #menu_wrapper div .nav li ul li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li ul li a:hover { color: #444; background: #f9f9f9; } #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: 15px; 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:11px; margin-left: 0.5em; 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: 'FontAwesome'; content: "\f105"; float: right; margin-right: 0px; margin-top: 5px; } #menu_wrapper div .nav li.megamenu ul li { display: block; box-sizing: border-box; clear: none; float: left; border-left: 1px solid #eeeeee; border-top: 0 !important; } #menu_wrapper div .nav li.megamenu ul li.hidden > a { display: none; } #menu_wrapper div .nav li.megamenu ul li:first-child { border: 0; } #menu_wrapper div .nav li.megamenu.col2 ul li { width: 50%; padding: 0px 12px; } #menu_wrapper div .nav li.megamenu.col3 ul li { width: 33.3%; padding: 0px 12px; } #menu_wrapper div .nav li.megamenu.col4 ul li { width: 25%; padding: 0px 12px; } #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; } #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 { width: 100%; font-weight: 600; text-transform: uppercase; 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: #ccc; } #menu_wrapper .nav ul li.megamenu ul li ul li a:before, #menu_wrapper div .nav li.megamenu ul li ul li a:before { 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: 'FontAwesome'; content: "\f105"; float: left; margin-right: 8px; margin-top: 4px; } #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 { letter-spacing: 0; text-transform: none; } #menu_wrapper div .nav li.megamenu ul li a:after { display: none; } #menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li a { width: 100%; display: inline-block; padding: 7px 20px 7px 25px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 1100px) { #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%; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; } .top_contact_info { font-size: 12px; color: #fff; line-height: 30px; font-weight: 600; } .top_contact_info i { margin-right: 10px; color: #fff; font-size: 16px; vertical-align: text-bottom; } .top_contact_info span { display: inline-block; margin-right: 10px; } .top_contact_info a { color: #fff; } .menu_buttons_container { display: table; float: right; height: 100%; } .menu_buttons_content { display: table-cell; vertical-align: middle; } #top_menu { float: right; display: block; list-style: none; } #top_menu li { float: left; margin-right: 10px; } #top_menu li a { font-size: 12px; font-weight: 400; color: #fff; line-height: 30px; padding-right: 10px; border-right: 1px solid rgba(256, 256, 256, .2); } #footer_menu li ul { display: none; } /*------------------------------------------------------------------ [3. Footer] */ .footer_bar { clear: both; width: 100%; margin: auto; padding: 0 0 0 0; float: left; background: #262626; -webkit-transition: -webkit-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: -webkit-transform 500ms ease; } body.single-galleries { overflow: hidden; } body.single-galleries .footer_bar { display: none; } .footer_bar.carousel { display: none; } .footer_bar.static, .footer_bar.fullscreen_video { display: none; } .footer_bar.fullscreen_video { position: fixed; bottom: 0; z-index: 0; } body.page-template-portfolio-2-php .footer_bar, body.page-template-portfolio-3-php .footer_bar, body.page-template-portfolio-4-php .footer_bar { margin: 0; } #footer { width: 100%; margin: auto; padding-bottom: 50px; word-wrap: break-word; margin-bottom: 0; padding-top: 50px; float: left; color: #999; } #footer strong.title { font-weight: normal; } #footer.wall { margin-top: 0; } #footer.fullscreen_video { display: none; } #footer a { color: #fff; } #footer a:hover, #footer a:active { color: #ccc; } #footer .sidebar_widget li h2.widgettitle { margin-top: 15px; margin-bottom: 15px; color: #999; } #footer .sidebar_widget li.widget_text h2.widgettitle { margin-bottom: 0; } #footer ul.sidebar_widget { width: 960px; list-style: none; margin: 0; margin: auto; } #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%; float: left; margin-right: 2%; } #footer .sidebar_widget.three > li:nth-child(3) { margin-right: 0; width: 33%; } #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 > li { width: 100%; clear: both; float: left; margin-bottom: 30px; } #footer ul.sidebar_widget li ul.posts.blog li img { width: 70px; float: left; margin: 0 15px 15px 0; } #footer ul.sidebar_widget li ul.posts.blog li { clear: both !important; float: left; border: 0; } #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 9px 0 0; border-bottom: 0; } #footer ul.sidebar_widget li ul.flickr li img { width: 70px; height: auto; } #copyright { float: left; width: 50%; font-size: 12px; margin-bottom: 20px; text-align: left; } #footer ul.address, ul.address { margin-left: 0 !important; list-style: none; } #footer ul.address li, ul.address li { margin-bottom: 5px; } #footer ul.address li i, ul.address li i { margin-right: 10px; } .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; } #copyright p.attachment { display: none; } .footer_bar_wrapper { width: 100%; box-sizing: border-box; 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; margin-top: 40px; padding: 20px 30px 0 30px; } #toTop { width:25px; background: #eee; opacity: 0; text-align:center; padding:10px 10px 10px 10px; position:fixed; /* this is the magic */ bottom: 7px; /* together with this to put the div at the bottom*/ right:7px; 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; display: block; } #toTop:hover { opacity: 1 !important; } #toTop i { color: #000; font-size: 1.5em; } /*------------------------------------------------------------------ [4. Content] */ #content_wrapper { width: 72%; float: left; margin: 0; } #page_content_wrapper, .page_content_wrapper { width: 960px; margin: auto; padding-bottom: 0; } #page_content_wrapper img, .page_content_wrapper img { max-width: 100%; height: auto; } #page_content_wrapper .map_shortcode_wrapper img, .page_content_wrapper .map_shortcode_wrapper img { max-width: none; } .standard_wrapper { width: 960px; margin: auto; } .one_half .standard_wrapper, .one_third .standard_wrapper, .one_fourth .standard_wrapper, .one_fifth .standard_wrapper, .two_third .standard_wrapper, .one_half .page_content_wrapper, .one_third .page_content_wrapper, .one_fourth .page_content_wrapper, .one_fifth .page_content_wrapper, .two_third .page_content_wrapper { max-width: 100%; width: 100%; padding: 0; } .page_content_wrapper:empty { margin-top: 0 !important; } .one.withbg { background-size: cover; background-position: center center; } .one.ppb_fullwidth_button { overflow-x: hidden; } .page_content_wrapper.fullwidth, #page_content_wrapper.fullwidth { width: 100%; padding: 0; } .one { clear: both; position: relative; float: left; width: 100%; box-sizing: border-box; } .one.skinbg { background: #000; } .one .page_content_wrapper, .one_half .page_content_wrapper, .one_third .page_content_wrapper, .one_fourth .page_content_wrapper { margin-top: 0; width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .one.withpadding { padding: 60px 0 60px 0; float: left; width: 100%; } .one.withpadding.nopadding { padding: 0 !important; } .one.withsmallpadding { padding: 30px 0 30px 0; float: left; width: 100%; } .animate_counter_wrapper i { font-size: 48px; height: 48px; line-height: 48px; margin-bottom: 10px; color: #000000; } .count_separator { display: none; } .count_separator span { display: inline-block; text-align: center; width: 40px; margin: 5px auto 5px; height: 1px; background: #e1e1e1; } .animate_counter_wrapper .counter_subject { font-size: 13px; clear: both; margin-top: 5px; font-weight: 400; opacity: 0.7; } #content_wrapper .inner { overflow: hidden; } #page_content_wrapper .inner { width: 100%; margin: auto; } #page_content_wrapper .inner .inner_wrapper { padding-top: 40px; } #page_content_wrapper .inner .inner_wrapper.nopadding { padding-top: 0; } .post.type-post { width: 100%; padding-bottom: 10px; margin-bottom: 40px; float: left; position: relative; border-bottom: 1px solid #e1e1e1; } body.search-results .hentry { float: left; } #page_content_wrapper .inner .sidebar_content .post.type-post.last_post { margin-bottom: 20px; } #page_content_wrapper .inner #blog_grid_wrapper.sidebar_content { margin-right: 0; padding-right: 0; width: 690px; box-sizing: border-box; } #page_content_wrapper .inner #blog_grid_wrapper.sidebar_content.left_sidebar { padding-left: 20px; padding-right: 0; } #blog_grid_wrapper.sidebar_content:not(.full_width) .post.type-post { width: 46%; } #page_content_wrapper .inner .sidebar_content.blog_f .post.type-post { border-bottom: 0; margin-bottom: 30px; } 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; opacity: 0; padding: 5px; box-sizing: border-box; border: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } body.page-template-blog_g-php .post.type-post, body.error404 .post.type-post, body.page-template-galleries-php .galleries.type-galleries, body.tax-gallerycat .galleries.type-galleries, .ppb_blog_posts .post.type-post, body.archive #blog_grid_wrapper .post.type-post { float: left; width : 31%; margin-right: 20px; margin-bottom: 20px; } .post.type-post:last-child { margin-bottom: 0; } .post_wrapper { padding: 20px 0 25px 0; } .post_wrapper.grid_layout { padding: 0; } .blog_grid_content { width: 100%; clear: both; box-sizing: border-box; float: left; } body.single .post_wrapper { padding-bottom: 0; } .post_wrapper:first-child { padding-top: 0; border: 0; } body.search .post_wrapper:first-child { padding: 20px 0 25px 0; } .post_wrapper.single { width: 100%; margin: 0; } .post_header { width: 100%; float: left; margin-bottom: 20px; } .post_header.search { width: calc(100% - 50px); margin-bottom: 0; margin-left: 10px; } .post_header.quote { margin-bottom: 0; } .post_header.grid { margin-bottom: 15px; width: 100%; float: none; } .post_header.full { width: 100%; } body.page-template-blog_f-php .post_excerpt_full { margin-bottom: 0; } .post_header.grid h6, .portfolio_desc h5 { font-size: 20px; } .post_header h3 a, .post_header.grid h6 a { color: #000000; } .post_header h5 { font-size: 26px; letter-spacing: -1px; } .post_header h6 { font-size: 18px; } .post_header h5 a, .post_header h6 a { color: #000000; } .post_excerpt { width: 70%; margin: auto; } .animate { opacity: 0; } .animate.visible { animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; 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; } .post_excerpt.post_tag { width: 100%; margin-top: 30px; text-transform: uppercase; font-weight: 900; letter-spacing: 2px; font-size: 11px; } #about_the_author { float: left; border-top: 1px solid #e1e1e1; padding-top: 50px; } #about_the_author .gravatar { float: left; margin: auto; margin-right: 20px; border-radius: 100px; overflow: hidden; } .author_detail { width: calc(100% - 100px); float: left; } .author_label { margin-top: -10px; margin-bottom: 20px; font-size: 12px; } .author_content h5 { margin-bottom: 10px; text-transform: none; } .post_content_wrapper { padding: 0; margin: 0; } .post_content_wrapper.fullwidth { width: 100%; } .post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company, .page_tagline { width: 100%; padding: 0; float: left; margin: 5px 0 15px 0; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: bold;18 } .ppb_team_column .post_detail { margin-top: 0; } .post_detail.related { font-size: 10px; font-weight: 400; float: none; margin-top: 0; } .portfolio_title .post_detail { margin: 0; } .search_form_wrapper { margin-top: 20px; 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 { padding: 0; margin-top: 5px; font-size: 10px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; color: #999; } .post_info_comment { border-left: 1px solid #d1d1d1; padding-left: 10px; } .post_type_icon { float: left; margin-right: 0; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width: 30px; height: 30px; padding: 5px; display: block; text-align: center; background: #cfa670; } .post_type_icon a, .post_type_icon a:hover, .post_type_icon a:active { color: #fff !important; } .post_type_icon i { font-size: 16px; line-height: 16px; display: block; position: relative; top: 50%; line-height: 30px; } .post_readmore { border-left: 1px solid #d1d1d1; padding-left: 10px; } .readmore { color: #cfa670; } #autocomplete .post_type_icon a { color: #fff !important; } .search_thumb { float: left; border-radius: 200px; width: 40px; height: 40px; overflow: hidden; position: relative; margin-top: 5px; } .search_thumb img { width: 40px; height: 40px; } .rev_slider_wrapper { z-index: 1; } .post_qoute_mark { float: left; display: block; margin: 10px 39px 0 0; color: #ccc; font-size: 60px; } .post_qoute_mark.grid { margin: 10px 20px 0 0; font-size: 30px; color: #ccc; } .post_quote_title { font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; font-size: 22px; width: 100%; margin: auto; } .post_quote_title p { padding: 0 !important; } .post_quote_title a { color: #000000; } .post_quote_title.grid { font-size: 15px; } #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; font-size: 12px; } #page_caption .post_detail { float: none; margin-top: 5px; } .post_detail_wrapper { float: left; width: 96%; margin: 0 0 10px 0; } .gravatar { position: relative; z-index: 2; overflow: hidden; float: left; width: 80px; height: 80px; } .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: 770px; padding-bottom: 0; float: left; } .fullwidth_comment_wrapper .comment { width: 100%; } .comment .left { float: left; margin-right: 15px; } .comment_arrow { width: 10px; height: 10px; float: left; position: relative; left: 5px; margin-top: 20px; display: none; } .comment .right { width: 74%; float: left; margin-left: 25px; padding: 0 15px 30px 0; } .comment .right h7 { display: block; float: left; font-size: 13px; font-weight: 600; line-height: 28px; margin-right: 10px; } .fullwidth_comment_wrapper .comment .right { width: 88%; } .fullwidth_comment_wrapper.sidebar .comment .right { width: 74%; } ul.children div.comment .right { width: 77%; } .fullwidth_comment_wrapper ul.children div.comment .right { width: 84%; } .comment .right p { margin: 0; padding: 0; } .comment .right strong { font-weight: #fff; } #content_wrapper ul.children { list-style: none; margin: -40px 0 0px 74px; border-left: 1px solid #ccc; padding: 5px 20px 2px 0; float: left; width: 106%; } #content_wrapper ul.children ul.children { margin-top: -10px; padding-bottom: 0; width: 83.5%; } .comment_wrapper { float: left; margin-left: 25px; border-left: 1px solid #eeeeee; } .comment_date { margin: 0; line-height: 30px; float: left; margin-left: 0; } ul.children .comment { width: 100%; margin: 0; padding: 20px 0 10px 0; margin-top: 20px; margin-left: 45px; float: left; } ul.children .comment:last-child { padding-top: 0; padding-bottom: 15px; } ul.children .comment:first-child { padding-top: 10px; margin-top: 0px; } .jp-play, .jp-pause { position: fixed; top: 46.5%; left: 4px; width: 22px; height: 20px; background:transparent url(https://hotvog.com/wp-content/uploads/images/sound_off.png) no-repeat left center; text-indent: -9999px; z-index: 99999; } .jp-pause { background:transparent url(https://hotvog.com/wp-content/uploads/images/sound_on.png) no-repeat left center; } .social_wrapper { width: 100%; margin: 20px 0 5px 0; text-align: center; } .footer_bar_wrapper .social_wrapper { width: 50%; float: right; text-align: right; margin: -3px 0 0 0; } .above_top_bar .social_wrapper { margin: 0; float: right; width: auto; } .social_wrapper.shortcode, .social_wrapper.shortcode ul { margin: 0; text-align: left; } .social_wrapper ul { list-style: none; margin-left: 0 !important; text-align: left; } .above_top_bar .social_wrapper ul { text-align: right; } .footer_bar_wrapper .social_wrapper ul { text-align: right; } #footer_before_widget_text .social_wrapper ul { text-align: center; } #page_content_wrapper .social_wrapper ul { list-style: none; margin-top: 12px; } #page_content_wrapper .social_wrapper.shortcode ul { margin-top: 0; } .social_wrapper ul li, .social_wrapper.small ul li { display: inline-block; margin-right: 15px; } .social_wrapper.shortcode ul li, .social_wrapper.small.shortcode ul li { margin: 0 10px 10px 10px !important; } .footer_bar_wrapper .social_wrapper ul li { background: transparent !important; border: 0 !important; width: 16px; height: 16px; 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; } .social_wrapper.shortcode ul li { margin: 0 2px 4px 2px; width: auto !important; clear: none !important; } .social_wrapper ul li a { opacity: 1; display: block; line-height: 0; } .social_wrapper.shortcode ul li a { color: #fff; } .social_wrapper.shortcode.light ul li a { color: #444; } .mobile_menu_wrapper .social_wrapper ul li a { color: #fff; opacity: 0.5; } .mobile_menu_wrapper .social_wrapper ul li a:hover, .mobile_menu_wrapper .social_wrapper ul li a:active { opacity: 1; } .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; } .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: 24px; font-size: 24px; } .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: 18px; 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; } .team_card_wrapper { margin: 50px 0 50px 0; } .team_content { margin: 20px 0 20px 0; } .social_wrapper.team { list-style: none; display: block; margin: 0; width: 100%; margin-top: 30px; text-align: center; } .social_wrapper.team li { display: inline-block; margin: 0 5px 0 5px; border-radius: 100px; width: 30px; height: 30px; line-height: 34px; text-align: center; border: 2px solid #000000; opacity: 0.2; cursor: pointer; } .social_wrapper.team li i { font-size: 16px; } .social_wrapper.team li a, .social_wrapper.team li a:hover { color: #000; } .social_wrapper.team li:hover { opacity: 1; } .one_fourth .social_wrapper.team li img { max-width: 14px; height: auto; } .one_fourth .social_wrapper.team li { display: inline-block; margin: 0 3px 0 3px; } .social_wrapper ul li a img { opacity: .4; } .social_wrapper.shortcode ul li a img, .social_wrapper ul li:hover a img { opacity: 1; } #page_caption { padding: 25px 0 30px 0; width: 100%; border-bottom: 1px solid #e1e1e1; } #page_caption.hasbg { height: 70%; position: relative; top: 0; right: 0; width: 100%; border: 0; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 0; background: #000; max-height: 750px; } #page_caption.hasbg #bg_regular, #page_caption.hasbg #bg_blurred { width: 100%; min-height: 100%; position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #page_caption.hasbg #bg_regular { opacity: 1; } #page_caption.hasbg #bg_blurred { opacity: 0; } .parallax_overlay_header { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } #page_caption.hasbg.middle .parallax_overlay_header { background: rgba(0,0,0,0.2); } #page_caption.nomargin { margin-bottom: 0; } #page_caption .page_title_wrapper { width: 100%; margin: auto; } .page_title_inner { float: left; } #page_caption.hasbg .page_title_inner { float: none; width: 100%; text-align: center; } #page_caption.hasbg.middle .page_title_inner { display: table-cell; vertical-align: middle; } #page_caption.hasbg .page_title_wrapper { z-index: 9; position: absolute; bottom: 20px; width: 100% !important; } #page_caption.hasbg.middle .page_title_wrapper { height: 100%; display: table; position: relative; bottom: 0; } #page_caption.hasbg.notransparentmenu .page_title_wrapper { bottom: 60px; } #page_caption.hasbg h1, h1.hasbg { color: #fff; float: none; margin: auto; line-height: 1em; } .page_tagline { width: 40%; text-align: right; float: right; position: relative; top: 50%; } #page_caption.hasbg .page_tagline { color: #fff; } .page_header_sep { margin-bottom: 10px; } .page_header_sep.left { margin-left: 0; margin-right: 0; } #page_caption.hasbg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(76%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.59))); background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); z-index: 2; } #page_caption.hasbg.middle:after { display: none; } .ppb_title { font-size: 50px; margin-top: 0; letter-spacing: 0; font-weight: 400; text-transform: uppercase; line-height: 1em; } .ppb_title_first { display: block; font-family: 'Kristi', 'Times New Roman', Georgia, Times,serif; font-style: italic; font-size: 70px; text-transform: none; top: 0; position: relative; color: #cfa670; letter-spacing: 0 !important; font-weight: normal; line-height: 50px; } #page_caption.hasbg h1 .ppb_title_first, h1.hasbg .ppb_title_first { color: #fff; } .ppb_subtitle { margin: 10px 0 20px 0; font-size: 12px; color: #777; letter-spacing: 2px; text-transform: uppercase; } .ppb_content { margin: 15px 0 15px 0; width: 96%; } #crumbs { float: right; font-size: 10px; line-height: 34px; } #crumbs.center, #page_caption.hasbg #crumbs { display: block !important; } #page_caption.hasbg #crumbs { color: #fff; float: none; margin: auto; display: none; } #page_caption.hasbg #crumbs a { color: #fff; } #crumbs a, #crumbs a:hover, #crumbs a:active { color: #999; } #page_caption h2 { color: #333; padding: 0 0 0 0; font-size: 22px; font-weight: normal; } #page_caption h1 { line-height: 1em; } body.single-post #page_caption h1 { font-size: 36px; text-transform: none; } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; } .icon-scroll { width: 20px; height: 35px; margin-left: -10px; position: absolute; bottom: 20px; margin-top: -35px; box-shadow: inset 0 0 0 3px #fff; border-radius: 25px; z-index: 99; } .icon-scroll:before { content: ''; width: 4px; height: 4px; background: #fff; margin-left: -2px; top: 4px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } .one.fullwidth.slideronly .icon-scroll { display: none; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } /*------------------------------------------------------------------ [5. Social Sharing] */ .post.type-post .post_share { color: #444; display: none; } .post_share_bubble { position: absolute; bottom: 20px; right: 0; z-index: 9; width: 15px; } body.single.single-post .post_share_bubble, body.single.single-projects .post_share_bubble, body.single.single-attachment .post_share_bubble { position: fixed; left: 7px; bottom: 7px; } body.single.single-post .post_share_bubble a.post_share, body.single.single-projects .post_share_bubble a.post_share, body.single.single-attachment .post_share_bubble a.post_share { display: none; padding:10px 10px 10px 10px; width: 25px; background: #eee; text-align: center; opacity: 0.5; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; } a.post_share { color: #000; } body.single.single-post .post_share_bubble a.post_share:hover, body.single.single-projects .post_share_bubble a.post_share:hover, body.single.single-attachment .post_share_bubble a.post_share:hover { opacity: 1; } .post_share_bubble_wrapper { position: relative; } .post_img { position: relative; height: auto; text-align: center; overflow: hidden; float: left; line-height: 0; width: 100%; margin-bottom: 20px; } .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; } .post_img.small.square_thumb.shortcode { padding: 10px; background: #fff; } .post_img.fadeIn, .post_img.grid.fadeIn { opacity: 0; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; } .post_img img { width: 100%; height: auto; } body.single .post_img img { width: auto; } #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_bubble { position: relative; background-color:#eee; margin: 0; padding:7px; text-align:center; width:130px; left: -15px; top: -15px; opacity: 0; } .social_share_bubble a, .social_share_bubble a:hover { color: #000; } body.single.single-post .social_share_bubble, body.single.single-projects .social_share_bubble, body.single.single-attachment .social_share_bubble { left: 0; } .social_share_bubble:after { position: absolute; display: block; content: ""; border-color: #eee transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-19px; left:1em; } .social_share_wrapper.shortcode { margin: 0; padding: 0; border: 0; } #social_share_wrapper a i, .social_share_wrapper.shortcode a i { font-size: 20px; } #social_share_wrapper a, .social_share_wrapper.shortcode a { opacity: 0.3; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } #social_share_wrapper a:hover, .social_share_wrapper.shortcode a:hover { opacity: 1; } .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; } .social_share_bubble ul li { display: inline-block; margin: 0 7px 0 7px; font-size: 14px; } #social_share_wrapper.inline, , .social_share_bubble.inline { text-align: center; border:0; margin-top: 30px; } .imageFlow_gallery_info_wrapper #social_share_wrapper ul li, .imageFlow_gallery_info_wrapper .social_share_wrapper ul li, #social_share_wrapper.inline ul li, .social_share_wrapper.inline ul li { display: inline-block; margin: 0 5px 0 5px; } /*------------------------------------------------------------------ [6. Sidebar] */ #page_content_wrapper .inner .sidebar_content, .page_content_wrapper .inner .sidebar_content { width: 650px; padding: 0; float: left; padding-right: 20px; margin-right: 0px; box-sizing: border-box; } #page_content_wrapper .inner .sidebar_content.portfolio { width: 690px; padding-right: 0; } .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 { padding: 0; padding-left: 0; border-right: 0; float: right; } #page_content_wrapper .inner .sidebar_content.full_width, .page_content_wrapper .inner .sidebar_content.full_width { width: 100%; padding: 0; margin-top: 0; border: 0; } .ppb_wrapper { margin-top: 0; width: 100%; overflow-x: hidden; } #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; } #page_content_wrapper .inner .sidebar_content img, .page_content_wrapper .inner .sidebar_content img { max-width: 100%; height: auto !important; } #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: 103%; padding: 0; } #blog_grid_wrapper, .blog_grid_wrapper { width: 1195px; } #page_content_wrapper .inner .sidebar_wrapper, .page_content_wrapper .inner .sidebar_wrapper { width: 220px; float: left; margin-top: 0; margin-left: 30px; } #page_content_wrapper .inner .sidebar_wrapper.left_sidebar, .page_content_wrapper .inner .sidebar_wrapper.left_sidebar { margin-left: 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 { width: 230px; margin-right: 0; margin-left: 0; } #page_content_wrapper .inner .sidebar_wrapper a, .page_content_wrapper .inner .sidebar_wrapper a { color: #222; } #page_content_wrapper .inner .sidebar_wrapper .sidebar, .page_content_wrapper .inner .sidebar_wrapper .sidebar { width: 100%; float: left; } #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%; margin-top: 50px; } /*------------------------------------------------------------------ [7. Form & Input] */ input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], 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 { padding: 13px 10px 13px 10px; font-size: 100%; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; margin: 0; background: #fff; border: 1px solid #e1e1e1; 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; border-radius: 0; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]: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 input[type=submit] { float: right; margin-right: 4%; } .contact_form_wrapper label { display: none; } .contact_form_wrapper label.gdpr_label { display: inline; text-transform: none; } .contact_form_response ul { margin-left: 20px; margin-bottom: 20px; } .contact_form_wrapper { margin-top: 30px; } input[type=text].blur, textarea.blur { color: #999; } #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 { 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; } label { clear: both; float: none; width: 100%; margin-left: 0; margin-bottom: 10px; display: block; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; text-transform: uppercase; font-size: 13px; font-weight: 600; } .form-allowed-tags { display: none !important; } p.comment-notes { margin-bottom: 20px; } textarea { font-size: 100%; border: 1px solid #e1e1e1; background: #fff; margin: 0; height: 200px; overflow: auto; padding: 13px 10px 13px 10px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; 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 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .8em 1.7em .6em 1.7em; color: #222; background: transparent; border: 2px solid #cfa670; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 2px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; text-shadow: none; margin-right: 5px; text-shadow: none; -webkit-appearance: none; box-shadow: 0 0 0 0 !important; line-height: 1.5 !important; -webkit-transition: color .2s linear, background .1s linear, opacity .2s linear; -moz-transition: color .2s linear, background .1s linear, opacity .2s linear; -ms-transition: color .2s linear, background .1s linear, opacity .2s linear; -o-transition: color .2s linear, background .1s linear, opacity .2s linear; transition: color .2s linear, background .1s linear, opacity .2s linear; } a.button.continue_ppb_blog { margin: auto; float: none; display: block; clear: both; padding: 2em 1.5em 2em 1.5em; } .post_button_wrapper { margin-top: 20px; } a.button.fullwidth.ppb { padding: 3.5em 1.5em 3em 1.5em !important; border: 0; width: 100%; box-sizing: border-box; } a.button.fullwidth.ppb .subtitle { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; text-transform: uppercase; } a.button.fullwidth.ppb .title { font-size: 32px; font-style: italic; margin-bottom: 20px; } a.button.fullwidth.ppb i { font-size: 30px; } input[type=submit].white, input[type=button].white, a.button.white, .button.white, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active { color: #fff; background: transparent; border-color: #fff; } input[type=submit].whitebg, input[type=button].whitebg, a.button.whitebg, .button.whitebg, a.button.whitebg:hover, .button.whitebg:hover, a.button.whitebg:active, .button.whitebg:active { background: #fff; color: #000; border-color: #fff; } input[type=submit].black, input[type=button].black, a.button.black, .button.black, a.button.black:hover, .button.black:hover, a.button.black:active, .button.black:active { color: #000; border-color: #000; } 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 { color: #fff; border-color: #222; background: #222; } .error { color: #ff0000; } a.comment-reply-link { margin: 0 0 0 10px; float:left; line-height: 28px; font-weight: 600; } input[type=submit].medium, input[type=button].medium, a.button.medium { font-size: 15px; padding: 12px 20px 11px 20px; } input[type=submit].large, input[type=button].large, a.button.large { font-size: 17px; padding: 16px 25px 15px 25px; } #cancel-comment-reply-link { display: block; margin: 0 20px 0 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; } input[type=submit].left, input[type=button].left, a.button.left { float: left; } input[type=submit].right, input[type=button].right, a.button.right { float: right; } input[type=submit].center, input[type=button].center, a.button.center { margin: auto; } .open_table_field { display: inline-block; margin: 0 15px 0 15px; } .open_table_field input, .open_table_field select { width: 150px; } .open_table_field label { display: inline-block; margin: 0 15px 0 15px; width: auto; display: inline-block; clear: none; } .open_table_field label { font-size: 20px; } #open_table_submit { margin-top: 30px; margin-right: 0; width: 200px; } #tg_reservation, #tg_sidemenu_reservation { border: 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin: 0 10px 0 10px; background: transparent !important; color: #222; border: 2px solid #222; } #tg_sidemenu_reservation { margin: 0; display: none; } .top_bar.hasbg #tg_reservation { background: transparent !important; border: 2px solid #fff; color: #fff; } #reservation_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #000; background: rgb(0,0,0,0.85); background: rgba(0,0,0,0.85); display: none; overflow: scroll; } .reservation_content { display: table; width: 100%; height: 100%; z-index: 9; color: #fff; position: relative; overflow: scroll; z-index: 999; } #reservation_cancel_btn { position: absolute; top: 30px; right: 30px; z-index: 9; color: #fff !important; cursor: pointer; } #reservation_cancel_btn i { font-size: 24px; font-weight: normal; } .reservation_form { display: table-cell; vertical-align: middle; position: relative; z-index: 999; } .reservation_form h2.ppb_title { color: #fff !important; } .reservation_form .post_detail { color: #fff !important; margin: -10px 0 10px 0; } .reservation_form_wrapper { width: 700px; margin: auto; text-align: center; padding: 30px; border: 1px solid #fff; position: relative; z-index: 999; } #tg_reservation_form { margin-top: 50px; } #tg_reservation_form input[type=checkbox] { margin-top: 5px; } #tg_reservation_form input[type=checkbox], #tg_reservation_form label.gdpr_label { display: inline-block; float: left; margin-right: 10px; clear: none; width: auto; } #tg_reservation_form label.gdpr_label { text-transform: none; } .reservation_form label { color: #fff !important; font-weight: 600; text-align: left; } .reservation_form input[type=text], .reservation_form textarea, .reservation_form select, .reservation_form input[type=text]:focus, .reservation_form textarea:focus { background: transparent !important; border: 0; border-bottom: 1px solid #fff; color: #fff; width: 100%; border-radius: 0; } .reservation_form textarea { width: 100%; height: 100px; } #reservation_submit_btn { background: #cfa670; margin-top: 20px; } .reservation_form #reponse_msg i { color: #fff !important; } .reservation_form #reponse_msg ul li.error { text-align: left; } /*------------------------------------------------------------------ [8. Pagination] */ .pagination { margin: 0 0 10px 0; float: left; } .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: #424242; margin-right: 10px; border-radius: 50px; overflow: hidden; font-size: 12px; border: 2px solid transparent; } .pagination span, .pagination a:hover { color: #222; font-weight: bold; background: transparent; border-color: #cfa670; } .pagination span { background: transparent !important; } .pagination_detail { margin-top: 9px; float: right; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 900; } #page_content_wrapper ul { margin: 0; } #page_content_wrapper ol { margin: 15px 0 15px 40px; } /*------------------------------------------------------------------ [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 .posts.blog li img { float: left; margin: 0 10px 2px 0; width: 52px; } .post_circle_thumb { position: relative; z-index: 2; overflow: hidden; float: left; width: 52px; height: 52px; float: left; margin-right: 15px; } .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 .sidebar_widget li, .page_content_wrapper .sidebar .content .sidebar_widget li { margin: 30px 0 0px 0; padding: 0; float: left; clear: both; width: 100%; } #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, h5.widgettitle { font-size: 13px; display: block; text-align: left; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; color: #444; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } #page_content_wrapper .sidebar .content .sidebar_widget li:first-child, .page_content_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 { 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; } #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; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_categories ul li, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_archive ul li, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_nav_menu ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #e1e1e1; } #page_content_wrapper .sidebar .content .sidebar_widget li.widget_categories ul li:last-child, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_archive ul li:last-child, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_nav_menu ul li:last-child { border-bottom: 0; } #footer .sidebar_widget li.widget_nav_menu ul li, #page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li { border: 0; } #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; } #footer ul.sidebar_widget li .textwidget { padding-top: 10px; } #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.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 { font-weight: bold; } .widget_search input[type=text]#s { width: 100%; } #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 10px 0; } table.opening_hours_table { margin: 0; margin: auto; } table tr td { border-bottom: 1px solid #e1e1e1; } table tr th, table tr td { padding: 20px; text-align: left; border-bottom: 1px solid #e1e1e1; } table tr th { font-weight: bold; } #footer table tr th, #footer table tr td { border-bottom: 1px solid #000000 !important; } #footer .widget_tag_cloud div a { border-color: #000000 !important; } #footer_menu { float: right; display: block; list-style: none; } #footer_menu li { display: inline-block; margin-left: 20px; } #footer_menu li a { color: #fff; } #footer_menu li a:hover { color: #fff; } #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; border-bottom: 0; } #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: auto; } #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: 76px; 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; background-image:url('https://hotvog.com/wp-content/uploads/images/icon_twitter_bird.png'); background-repeat:no-repeat; background-position:0px 0.5em; border: 0; } #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; } ul.list { margin: 5px 0 0 20px; } .highlight_yellow { background: #ffc600; color: #000; text-shadow: -1px 0 1px #fff; } .highlight_black { background: #000; color: #fff; } #page_content_wrapper ul.twitter { margin: 0; list-style:none; } #page_content_wrapper ul.twitter li { padding-left:32px !important; padding-top: 0 !important; background-image:url(https://hotvog.com/wp-content/uploads/images/icon_twitter_bird.png); background-repeat:no-repeat; background-position:0px 0.3em; padding-bottom: 2em; } #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: 120%; } 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: 20px; } #page_content_wrapper .sidebar .content .posts.blog.withthumb, .page_content_wrapper .sidebar .content .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 #e1e1e1; display: table; text-align: left; background: #fff; -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 { width: 100%; } #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; } #cover_content { position:fixed;top:20%;left:40px;z-index:9; } #page_content_wrapper .sidebar .content .textwidget, .page_content_wrapper .sidebar .content .textwidget { margin-top: 0; padding: 10px 0 0 0; } .textwidget img { max-width: 95%; height: auto; } #searchsubmit { margin: -8px; line-height: 18px; padding: .6em 1.5em 0.3em 1.5em !important; } .widget_search input#searchsubmit { margin: 10px 0 0 0; } .widget_tag_cloud div, .tag_cloud { margin: 20px 0 10px 0; } .widget_tag_cloud div a, .meta-tags a, .tag_cloud a, .post_excerpt.post_tag a { display: inline-block; border: 2px solid #cfa670 !important; font-size: 12px !important; letter-spacing: 0px; text-transform: lowercase; padding: 2px 7px 2px 7px; margin: 0 1px 4px 0; } .post_excerpt.post_tag a { margin-right: 4px; font-weight: 400; } .post_excerpt.post_tag a:hover { color: #cfa670; } .slider_wrapper .gallery_image_caption h2 { padding: 15px; } #gallery_caption h2:empty, .slider_wrapper .gallery_image_caption h2:empty { display: none; } .slider_wrapper.portfolio ul.slides li { margin: 0px; padding: 0px; text-align:center; max-height: 500px; } .slider_wrapper.portfolio ul.slides li img { width: 100%; max-width: 100%; } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc { position: absolute; bottom: 30px; left: 90px; color: #fff; line-height: initial; z-index: 9; width: calc(100% - 180px); } .slider_wrapper.portfolio ul.slides li:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(76%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.59))); background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); z-index: 2; text-align: left; } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc .post_detail { text-align: left; margin-bottom: 0; color: #fff; } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc h5 { color: #fff; text-align: left; } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc h5 .menu_title { font-size: 16px; } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc h5 .menu_price { margin-left: 10px; } .menu_content_classic { width: 100%; float: left; margin: 30px 0 0 0; text-align: left; } .portfolio_desc .menu_content_classic { margin: 0; } .portfolio_desc .menu_content_classic.center { display: table-cell; vertical-align: middle; float: none; } .ppb_menu_title { text-transform: uppercase; margin-bottom: 10px; padding-bottom: 1px; border-bottom: 1px solid #222; display: inline-block; line-height: 1.2em; letter-spacing: 2px; } .menu_image { width: 60px; height: 60px; float: left; overflow: hidden; margin-right: 15px; border-radius: 100px; position: relative; z-index: 3; top: -5px; } .menu_image img { width: auto; height: 60px; } h5.menu_post { font-weight: 600; font-size: 14px; text-transform: uppercase; position: relative; } h5.menu_post.image { width: calc(100% - 75px); margin-left: 75px; } .menu_content_classic .menu_title { position: relative; z-index: 2; font-size: 16px; background: #fff; top: -5px; } .menu_content_classic .menu_title.size { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .grid_image_frame .menu_content_classic .menu_title { background: transparent !important; color: #fff !important; } .grid_image_frame .menu_content_classic .menu_price.size { top: -5px; float: right; } .menu_content_classic .menu_dots { position: absolute; top: 14px; left: 0; right: 0; z-index: 1; margin: 0; border: 0; height: 3px; display: block; background-image: radial-gradient(circle closest-side,#ccc 80%,#fff 10%); background-position: bottom; background-size: 4px 2px; background-repeat: repeat-x; display: none; } .menu_content_classic .menu_dots.size { background-image: none; } .menu_content_classic .menu_dots.image { left: 75px; } .menu_content_classic .menu_price { position: absolute; top: -5px; right: 0; font-size: 17px; color: #222; z-index: 2; background: #fff; } .menu_content_classic .menu_price.size { font-size: 12px; font-weight: 400; top: 0; } .grid_image_frame .menu_content_classic .menu_price, .grid_image_frame .post_detail.menu_excerpt { background: transparent !important; color: #fff !important; position: relative; } .grid_image_frame .post_detail.menu_excerpt { margin-bottom: 20px; } .post_detail.menu_excerpt { text-transform: none; letter-spacing: 0; font-size: 13px; width: auto; float: left; margin-top: 0; font-weight: normal; margin-bottom: 0; } .menu_content_classic .post_detail.menu_excerpt { width: calc(75% - 75px); } .menu_content_classic .post_detail.menu_excerpt.image { margin-left: 75px; } html[data-menu=leftmenu] .menu_content_classic .post_detail.menu_excerpt { width: calc(75% - 75px); } .portfolio4 .menu_content_classic .post_detail.menu_excerpt { width: calc(100% - 75px); } .slider_wrapper.portfolio ul.slides li .portfolio_slider_desc .post_detail.menu_excerpt { color: #fff !important; } .menu_content_classic .menu_highlight, .portfolio_slider_desc .menu_highlight { width: 14px; height: 14px; line-height: 16px; text-align: center; padding: 3px; background: #cfa670; color: #fff; float: right; font-size: 10px; position: relative; top: 2px; font-weight: 600; border-radius: 3px; margin-left: 5px; } .menu_content_classic .menu_order, .portfolio_slider_desc .menu_order { height: 14px; line-height: 16px; text-align: center; padding: 3px 7px 3px 7px; background: #cfa670; color: #fff; float: right; font-size: 10px; position: relative; top: 2px; font-weight: 600; border-radius: 3px; right: 2px; text-transform: uppercase; } .menu_content_classic .menu_order a, .portfolio_slider_desc .menu_order a { line-height: initial !important; } .menu_content_classic .menu_order a, .menu_content_classic .menu_order a:hover, .menu_content_classic .menu_order a:active, .portfolio_slider_desc .menu_order a, .portfolio_slider_desc .menu_order a:hover, .portfolio_slider_desc .menu_order a:active { color: #fff; } .grid_image_frame .menu_content_classic .menu_highlight { position: absolute; top: inherit; left: inherit; right: 40px; bottom: 60px; } .grid_image_frame .menu_content_classic .menu_order { position: absolute; top: inherit; left: inherit; left: 40px; bottom: 60px; display: inline-block; height: 14px; line-height: 14px; text-align: center; padding: 3px 7px 3px 7px; background: #cfa670; color: #fff; font-size: 10px; font-weight: 600; border-radius: 5px; text-transform: uppercase; width: 40px; } .grid_image_frame .menu_content_classic .menu_order a { display: inline-block; } /*------------------------------------------------------------------ [11. Contact Form Captcha] */ #captcha-wrap{ border:solid #870500 1px; width:270px; -webkit-border-radius: 10px; float:left; -moz-border-radius: 10px; border-radius: 10px; background:#870500; text-align:left; padding:3px; margin-top:3px; height:112px; } #captcha-wrap .captcha-box{ -webkit-border-radius: 7px; background:#fff; -moz-border-radius: 7px; border-radius: 7px; text-align:center; border:solid #fff 1px; } #captcha-wrap .text-box{ -webkit-border-radius: 7px; background:#ffdc73; -moz-border-radius: 7px; width:140px; height:48px; float:left; margin:4px; border-radius: 7px; text-align:center; border:solid #ffdc73 1px; } #captcha-wrap .text-box input{ width:120px; -webkit-appearance: textfield; padding: 1px; background-color: white; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; float: none; margin-top: 12px; } #captcha-wrap .text-box label{ color:#333; font-family: helvetica,sans-serif; font-size:11px; width:140px; padding-top:3px; padding-bottom:3px; margin: 0; font-weight: normal; text-transform: none; } #captcha-wrap .captcha-action{ float:right; width:117px; background:url(https://hotvog.com/wp-content/uploads/images/logos.jpg) top right no-repeat; height:44px; margin-top:3px; } #captcha-wrap img#captcha-refresh{ margin-top:9px; border:solid #333333 1px; margin-right:6px; cursor:pointer; } .map_shortcode_wrapper { max-width: 100%; clear: both; } .map_shadow { width: 100%; margin-top: 0; } .map_shadow.fullwidth { width: 100%; margin-top: 0; clear: both; } #reponse_msg ul:empty { margin: 0; } #reponse_msg ul { margin-left: 20px; } #reponse_msg ul li:last-child { margin-bottom: 20px; } #reponse_msg ul li.error { color: #ff0000; } .mejs-container { background: #333 !important; width: 100% !important; } .mejs-container:hover { background: transparent !important; color: #000 !important; } .ppb_background_overlay { background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .service_content_wrapper { margin: 0; width: 100%; float: left; } .service_wrapper { margin: 5px 0 5px 0; padding: 5px 0 5px 0; } .service_wrapper.center.boxed { padding: 25px 20px 20px 20px; background: #fff; box-sizing: border-box; margin: 15px 0 15px 0; } .service_wrapper.center, .service_wrapper.center_nocircle { text-align: center; } .service_title { margin: 0 0 15px 0; float: left; width: 71%; width: calc(100% - 60px); margin-top: 0; text-align: left; } .service_title.list { width: 100%; } .service_wrapper.center .service_title, .service_wrapper.center_nocircle .service_title { width: 100%; max-width: 100%; float: none; clear: both; text-align: center; margin-top: 20px; } .service_wrapper.center_nocircle .service_title { margin-top: 10px; } .service_wrapper.center .service_title h6 { margin-bottom: 10px; } .service_icon { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 50px !important; height: 50px !important; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; margin: auto; margin-bottom: 10px; float: left; margin-right: 10px; text-align: center; } .service_wrapper.center .service_icon, .service_icon.vertical { float: none; clear: both; margin: auto !important; width: 90px !important; height: 90px !important; background: #f0f0f0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 15px; } .service_wrapper.center_nocircle .service_icon { float: none; clear: both; margin: auto !important; width: 90px !important; height: 90px !important; background: transparent; margin-bottom: 15px; } .service_wrapper.center_nocircle .service_icon { border: 0; } .service_wrapper.center.boxed .service_icon, .service_wrapper.center .service_icon, .service_icon.vertical { width: 80px !important; height: 80px !important; position: relative; } .service_icon.vertical { float: left; margin-top: 15px !important; } .service_wrapper.center.boxed .service_icon .service_border, .service_wrapper.center .service_icon .service_border, .service_icon.vertical .service_border { border: 1px solid transparent; width: 80px; height: 80px; position: absolute; top: -1px; left: -1px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .service_wrapper.center.boxed .service_icon:hover .service_border, .service_wrapper.center .service_icon:hover .service_border, .service_icon.vertical:hover .service_border { transform: scale(1.18); border-color: #333; -moz-transform: scale(1.18); -o-transform: scale(1.18); } .service_wrapper.center .service_icon:hover, .service_icon.vertical:hover { background: #000; border-color: #000; } .service_wrapper.center .service_icon:hover i, .service_icon.vertical:hover i { color: #fff !important; } .service_icon img { max-width: 24px; height: auto; margin-top: 10px; } .service_wrapper.center .service_icon img { max-width: 36px; line-height: 36px; } .service_icon i { font-size: 36px; line-height: 36px; color: #000; } .service_wrapper.center .service_icon i { font-size: 24px; margin-top: 22px; color: #000; } .service_wrapper.center_nocircle .service_icon i { font-size: 45px; margin-top: 20px; color: #000; } .service_wrapper.center.boxed .service_icon i, .service_icon.vertical i { font-size: 24px; margin-top: 22px; color: #000; } .service_title h3 { font-size: 18px; } .one_fourth .service_title h3 { font-size: 18px; } .one_fourth .service_title { max-width: 71%; } .service_content { clear: both; text-align: left; margin-top: 5px; } .service_wrapper.center .service_content, .service_wrapper.center_nocircle .service_content { text-align: center; } .gallery_classic_entry { text-align: center; } .gallery_classic_entry img { width: auto; max-height: 600px; } .promo_box { padding: 25px; background: #f3f3f3; border: 1px solid #e1e1e1; position: relative; clear: both; } .promo_box_wrapper .promo_box { padding: 55px 0 55px 0; background: transparent; border: 0; color: #fff; } .promo_box_wrapper .promo_box h5 { color: #fff !important; } .promo_box.shadow:after, .promo_box.shadow:before { content: " "; position: absolute; width: 50%; height: 30%; z-index: -10; } .promo_box.shadow:before { top: 52px; left: 5px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-box-shadow: 7px 6px 15px #333; -moz-box-shadow: 7px 6px 15px #333; -ms-box-shadow: 7px 6px 15px #333; -o-box-shadow: 7px 6px 15px #333; box-shadow: 7px 6px 15px #333; } .promo_box.shadow:after { top: 52px; right: 5px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); -webkit-box-shadow: -7px 6px 15px #333; -moz-box-shadow: -7px 6px 15px #333; -ms-box-shadow: -7px 6px 15px #333; -o-box-shadow: -7px 6px 15px #333; box-shadow: -7px 6px 15px #333; } .promo_box h5 { margin-bottom: 5px; color: #222 !important; display: block; padding-right: 20%; } .promo_box p { display: block; } .promo_box .button { float: right; display: inline-block; margin-left: 10px; margin-top: -8px; background: #000; border-color: #000; color: #fff; padding: .7em 1.5em .7em 1.5em !important; } .promo_box .button.transparent { background: transparent; border-color: #fff !important; } .promo_box .button.transparent:hover { background: #000; color: #fff !important; border-color: #000 !important; } .alert_box { padding: 20px; text-align: center; position: relative; } .alert_box_msg { max-width: 85%; margin: auto; } .alert_box.general { background: #d1edf5; } .alert_box.error { color: #b13c3c; background: #ffe9e9; } .alert_box.error a { color: #b13c3c; } .alert_box.success { color: #6a863b; background: #e9f3d2; } .alert_box.success a { color: #6a863b; } .alert_box.notice { color: #a18e0f; background: #fbf6e3; } .alert_box.notice a { color: #a18e0f; } .alert_box a.close_alert { position: absolute; top: 5px; right: 10px; display: block; font-size: 11px; opacity: 0.5; } .alert_box .alert_icon { position: absolute; top: 18px; left: 25px; display: block; font-size: 14px; padding: 5px; } .alert_box.general .alert_icon { color: #4e7883; background: transparent; border-radius: 25px; border: 2px solid #4e7883; } .alert_box.error .alert_icon { color: #b13c3c; background: transparent; border-radius: 25px; border: 2px solid #b13c3c; } .alert_box.success .alert_icon { color: #6a863b; background: transparent; border-radius: 25px; border: 2px solid #6a863b; } .alert_box.notice .alert_icon { color: #a18e0f; background: transparent; border-radius: 25px; border: 2px solid #a18e0f; } .accordion { border: 1px solid #e1e1e1; visibility: hidden; } .accordion h3, .accordion div { border: 0; background: transparent; } .pp_accordion, .pp_accordion_close { margin:0; margin-bottom: 10px !important; visibility: hidden; } .pp_accordion.ui-accordion, .pp_accordion_close.ui-accordion { visibility: visible; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #e1e1e1; } .ui-corner-all, .ui-corner-top, .ui-corner-bottom { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content { border: 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: transparent; } .ui-accordion .ui-accordion-header { font-weight: normal; display: block; position: relative; border: 1px solid #e1e1e1; margin-top: 0; background: #fff; font-size: 16px; font-weight: 600; -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; } .ui-accordion .ui-accordion-header:hover { background: #f9f9f9; } .ui-accordion .ui-accordion-content { border: 1px solid #e1e1e1; border-top: 0; } .ui-accordion .ui-accordion-header a { padding: 1em .3em 1em 1.5em; font-size: 16px; } .ui-accordion .ui-accordion-header a i { opacity: 0.3; } .accordion div { border-top: 1px solid #ebebeb; } .accordion h3 { padding: 5px 0 5px 8px; } .tabs { visibility: hidden; } .ui-tabs .ui-tabs-nav { margin-left: 0 !important; } .ui-accordion .ui-accordion-header .ui-icon { width: 16px; height: 16px; background: transparent !important; margin-top: -9px; text-indent: 0; overflow: visible; } .ui-accordion .ui-accordion-header .ui-icon:after { font-size:12px; 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: 'FontAwesome'; content: "\f107"; position: absolute; margin-right: 0px; margin-top: 3px; color: #000000; } .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:after { content: "\f106"; } .ui-accordion.has_icon .ui-accordion-header .ui-icon:after { display: none !important; } .ui-accordion .ui-accordion-header .ui-icon { left: auto; right: 1em !important; } .ui-accordion .ui-accordion-header i { margin-right: 10px; margin-left: 5px; } .ui-tabs { list-style: none; visibility: visible; } .ui-tabs-panel { margin-top: 10px; } .ui-widget-header { border: 0; } .vertical .ui-widget-header { width: 30%; float: left; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; border: 0; } .vertical.right .ui-widget-header { float: right; } .ui-tabs .ui-tabs-nav li { background: #f0f0f0; margin: 0; border: 1px solid #e1e1e1 !important; border-left: 0 !important; padding-top: 2px; top: 1px; -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; } .ui-tabs.vertical .ui-tabs-nav li { top: 0; left: 1px; position: relative; border: 1px solid #e1e1e1 !important; border-bottom: 0 !important; } .ui-tabs.vertical.right .ui-tabs-nav li { left: -1px; border-left: 0 !important; } .vertical.ui-tabs .ui-tabs-nav li { width: 100%; clear: both; } .ui-tabs .ui-tabs-nav li:hover { background: #fff; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #e1e1e1; border-top: 3px solid #e1e1e1; } .ui-tabs .ui-tabs-nav li.ui-state-active { background: #fff !important; border-bottom: 1px solid #fff !important; outline: none; position: relative; z-index: 9; } .ui-tabs.vertical .ui-tabs-nav li.ui-state-active { border-right: 0 !important; position: relative; z-index: 9; } .ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active { border-right: 1px solid #e1e1e1 !important; } .ui-tabs.vertical .ui-tabs-nav li:last-child { border-bottom: 1px solid #e1e1e1 !important; } .ui-tabs .ui-tabs-nav li.ui-state-active a { outline: none; } .ui-tabs .ui-tabs-nav li a { padding: 8px 20px 7px 20px; } .ui-tabs.vertical .ui-tabs-nav li a { padding: 10px 20px 9px 20px; width: 100%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tabs .ui-tabs .ui-tabs-nav li { font-weight: bold; text-shadow: 0 1px 1px #fff; display: block; } #content_wrapper .tabs .ui-widget-header, .content_wrapper .tabs .ui-widget-header { border: 0; margin-left: 0; } .tabs .ui-tabs-panel { border: 1px solid #e1e1e1; margin:0; padding-top: 0em; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; z-index: 2; position: relative; } .tabs.vertical .ui-tabs-panel { border-top: 1px solid #e1e1e1; width: 70%; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 2; position: relative; } .tabs .ui-state-active a { color: #333; font-weight: bold; } .ui-tabs li:first-child { margin-left: -3px; border-left: 1px solid #e1e1e1 !important; } .ui-tabs.vertical li:first-child { margin-left: 0; } .icon_list { margin: 0; margin-left: 0 !important; padding: 0; list-style: none; } .icon_list li { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; clear: both; position: relative; float: left; } .icon_list li .service_title { margin: 0; } .icon_list li .service_title strong { color: #333; font-size: 16px; } .icon_list li .service_wrapper { float: left; width: 71%; width: calc(100% - 100px); padding-top: 0; margin: 25px 0 25px 20px; } .icon_list li .service_wrapper.right { margin-left: 0; margin-right: 2%; } .icon_list li .service_wrapper.right .service_content { text-align: right; } .icon_list li .service_wrapper.right .service_title { float: right; text-align: right; } .icon_list li .service_icon.right { float: right; margin-right: 0; margin-left: 10px; } .client_logo { max-width: 190px; height: auto; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .client_content { display: block; float: left; } .one_third img.team_pic { max-width: 100%; height: auto; } .progress_bar { position: relative; margin-bottom: 10px; visibility: hidden; display: block !important; } .progress_bar_holder { height: 3px; margin-top: 5px; background: #f0f0f0; } .progress_bar_content { height: 3px; -webkit-transition: width s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .progress_bar_title { font-weight: 600; display: inline; font-size: 13px; } .progress_number { font-weight: 600; position: absolute; right: 0; top: 0; font-size: 13px; } .pricing_content_wrapper { margin: 0; width: 100%; float: left; } .pricing_content_wrapper.light .one_half.pricing { margin-right: 0; width: 50%; } .pricing_content_wrapper.light .one_third.pricing { margin-right: 0; width: 33.3%; } .pricing_content_wrapper.light .one_fourth.pricing { margin-right: 0; width: 25%; } .pricing_content_wrapper .one_half.pricing.featured, .pricing_content_wrapper .one_third.pricing.featured, .pricing_content_wrapper .one_fourth.pricing.featured { margin-top: -20px; box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); } .pricing_wrapper { list-style: none; display: block; margin-left: 0 !important; border: 1px solid #e1e1e1; } .pricing_wrapper li { margin: 0; padding: 0; background: #fff; text-align: center; padding: 13px 0px; background: #fff; border-bottom: 1px solid #e1e1e1; color: #555; } .pricing_wrapper li:last-child { border-bottom: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .pricing_wrapper li.title_row { background: #f3f3f3; color: #000000; font-size: 16px; font-weight: 700; text-transform: uppercase; } .pricing_content_wrapper.light .pricing_wrapper li.title_row { background: #fff; } .pricing_content_wrapper.normal .pricing_wrapper li.title_row { background: #000; color: #fff; } .pricing_wrapper li.title_row.featured { background: #000; color: #fff; padding: 23px 0px; } .pricing_content_wrapper.light .pricing_wrapper li.title_row.featured { color: #000; } .pricing_wrapper li.price_row { color: #000000; background: #f9f9f9; padding: 0; } .pricing_wrapper li.button_row { padding: 20px 0px; } .pricing_wrapper li.button_row.featured { padding: 30px 0px; } .pricing_wrapper li.price_row strong { position: relative; top: -35px; font-size: 24px; font-weight: normal !important; margin-right: 2px; color: #000000; } .pricing_wrapper li.price_row em.exact_price { display: inline !important; font-size: 75px !important; font-style: normal !important; letter-spacing: -2px; } .pricing_wrapper li.price_row em.time { font-style: normal; } .one_third.pricing { width: 31.66%; margin-right: 2.5%; } .one_fourth.pricing { width: 23%; margin-right: 2.5%; } .one_fourth.pricing.last { margin-right:0; float: right; clear: right; } .one_fourth.pricing .pricing_wrapper li.price_row { padding: 13px 0px; } .one_fourth.pricing .pricing_wrapper li.price_row strong { top: -25px; font-size: 20px; } .one_fourth.pricing .pricing_wrapper li.price_row em.exact_price { font-size: 55px !important; } .one_half img, .one_third img, .one_fourth img, .one_fifth img, .two_third img { max-width: 100%; height: auto; } .page_content_wrapper .one_half .map_shortcode_wrapper img, .page_content_wrapper .one_third .map_shortcode_wrapper img, .page_content_wrapper .one_fourth .map_shortcode_wrapper img, .page_content_wrapper .one_fifth .map_shortcode_wrapper img, .page_content_wrapper .two_third .map_shortcode_wrapper img { max-width: none; } .animated { visibility: hidden; } .ls-container { overflow: hidden; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,div.thumb_content { border-radius: 0 !important; } } doesnotexist:-o-prefocus, div.thumb_content { border-radius: 0 !important; } .fancybox-inner div { max-width: 100% !important; height: auto !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dynamic_height img { max-width: 100% !important; } .mejs-overlay-button {display:block; z-index: 99999;} .slider_wrapper { width: 100%; position: relative; overflow: hidden; } .post_wrapper.grid_layout .slider_wrapper { min-height: 190px; margin-bottom: 15px; } .portfolio_next_prev_wrapper { width: 100%; text-align: center; clear: both; position: relative; padding-top: 30px; } .portfolio_next_prev_wrapper .portfolio_prev, .portfolio_next_prev_wrapper .portfolio_next { margin: 0; float: left; width: 50%; overflow: hidden; position: relative; box-sizing: border-box; text-align: center; } .portfolio_next_prev_wrapper .portfolio_next { float: right } .portfolio_next_prev_wrapper .portfolio_prev .effect, .portfolio_next_prev_wrapper .portfolio_next .effect { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; position: relative; float: left; overflow: hidden; width: 100%; height: 100%; background: #000; } .portfolio_next_prev_wrapper .portfolio_prev .effect img, .portfolio_next_prev_wrapper .portfolio_next .effect img { position: relative; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; max-width: none !important; width: 100%; } .portfolio_next_prev_wrapper .portfolio_prev:hover .effect img, .portfolio_next_prev_wrapper .portfolio_next:hover .effect img { opacity: 0.6; } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption, .portfolio_next_prev_wrapper .portfolio_next .effect .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; text-align: left; } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before, .portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after, .portfolio_next_prev_wrapper .portfolio_next .effect .caption:before, .portfolio_next_prev_wrapper .portfolio_next .effect .caption:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before, .portfolio_next_prev_wrapper .portfolio_next .effect .caption:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after, .portfolio_next_prev_wrapper .portfolio_next .effect .caption:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:before, .portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:after, .portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:before, .portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption > div, .portfolio_next_prev_wrapper .portfolio_next .effect .caption > div { position: absolute; bottom: 0; left: 0; padding: 3em; width: 100%; height: 50%; box-sizing: border-box; } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > h4, .portfolio_next_prev_wrapper .portfolio_next .effect .caption div > h4 { color: #fff; opacity: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; transform: translate3d(0,10px,0); } .portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > h4, .portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > h4 { opacity: 1; transform: translate3d(0,0,0); } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > p, .portfolio_next_prev_wrapper .portfolio_next .effect .caption div > p { color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; transform: translate3d(0,10px,0); } .portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > p, .portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > p { opacity: 1; transform: translate3d(0,0,0); } .portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > a, .portfolio_next_prev_wrapper .portfolio_next .effect .caption div > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: block; background: #fff; opacity: 0; white-space: nowrap; } .circliful { margin: auto; } .teaser_wrapper.left { text-align: left; } .teaser_wrapper.center { text-align: center; } .teaser_wrapper.right { text-align: right; } .teaser_content_wrapper { box-sizing: border-box; width: 100%; padding: 15px 0 15px 0; margin-top: -7px; } .teaser_content { margin-top: 10px; } .testimonial_stars { margin-top: 10px; margin-bottom: 10px; } .testimonial_stars i { margin: 0 2px 0 2px; } .testimonial_image { float: left; margin: 0 20px 0 0; width: 80px; height: 80px !important; border-radius: 100px; overflow: hidden; } .testimonial_image img { width: 80px; height: auto; border-radius: 100px; } .testimonial_content { overflow: hidden; } .testimonial_customer { margin-top: 20px; } .testimonial_customer_position { color: #999; margin-right: 5px; display: inline; float: none; } .testimonial_customer_company { display: inline; margin-left: 5px; float: none; } .testimonial_slider_wrapper { position: relative; font-size: 20px; padding-top: 10px; width: 85%; margin: auto; } .one_half .testimonial_slider_wrapper { font-size: 20px; } .one_third .testimonial_slider_wrapper, .one_fourth .testimonial_slider_wrapper { font-size: 18px; } .one_half .testimonial_slider_wrapper .flexslider:before { font-size: 50px; line-height: 45px; } .one_third .testimonial_slider_wrapper .flexslider:before, .one_fourth .testimonial_slider_wrapper .flexslider:before { font-size: 40px; line-height: 35px; } .testimonial_slider_wrapper .testimonial_image { float: none; margin: auto; margin-top: 20px; margin-bottom: 10px; width: 80px; height: 80px !important; border-radius: 100px; overflow: hidden; } .testimonial_slider_meta { margin-top: 40px; } .testimonial_slider_meta h6 { display: inline; font-size: 14px; } .testimonial_column_element { margin: 15px 0 15px 0; } .testimonial_slider_meta_position, .testimonial_slider_meta_company { display: inline; font-size: 16px; margin-left: 5px; margin-right: 5px; font-size: 14px; } .page_slider .tp-leftarrow.default, .page_slider .tp-rightarrow.default { background: transparent; width: 40px; height: 40px; border: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: 200px; text-align: center; top: 47% !important; } body.hover .page_slider .tp-leftarrow.default, body.hover .page_slider .tp-rightarrow.default { opacity: .5; } body.hover .page_slider .tp-leftarrow.default:hover, body.hover .page_slider .tp-rightarrow.default:hover { opacity: 1; } .page_slider .tp-leftarrow.default:before, .page_slider .tp-rightarrow.default:before { font-family: "FontAwesome"; font-size: 22px; line-height: 40px; display: block; content: '\f104'; color: #fff; margin-top: 0px; margin-left: -2px; } .page_slider .tp-rightarrow.default:before { content: '\f105'; } .page_slider .tp-bullets.simplebullets.round .bullet { background: #fff; width: 7px; height: 7px; opacity: .5; border-radius: 100px; margin-left: 5px; } .page_slider .tp-bullets.simplebullets .bullet:hover, .page_slider .tp-bullets.simplebullets .bullet.selected { opacity: 1; } .one_half_bg { width: 50%; float: left; background-position: 50% 50% !important; background-size: cover !important; box-sizing: border-box; padding: 20px; } .ppb_content_half_bg .one_half_bg { padding: 40px; } .one_third_bg { width: 33.3%; float: left; background-position: 50% 50% !important; background-size: cover !important; box-sizing: border-box; padding: 20px; } .one_third_bg.nopadding, .one_half_bg.nopadding { padding: 0; } .ppb_blog_minimal .one_third_bg { height: 350px; background: #fff; position: relative; } .ppb_blog_minimal .one_third_bg .blog_minimal_wrapper { width: 100%; height: 100%; padding: 60px 40px; box-sizing: border-box; } .ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content { position: relative; width: 100%; height: 100%; z-index: 3; } .ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .featured_image { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; z-index: 2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .background_overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 3; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .featured_image, .ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .background_overlay { opacity: 1; } .ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content .post_detail { position: absolute; bottom: 0px; } .ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content .post_detail { color: #fff; } .ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content, .ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content h4 { color: #fff !important; } .two_third_bg { width: 66.6%; float: left; background-position: 50% 50% !important; background-size: cover !important; box-sizing: border-box; padding: 20px; } .two_third_bg.team { padding-top: 0px !important; padding-bottom: 0px !important; } .one_half_bg.contact_form { padding: 60px; } .one_fourth_bg { width: 25%; float: left; background-position: 50% 50% !important; background-size: cover !important; box-sizing: border-box; padding: 20px; } .parallax { position: relative; clear: both; background-size: 100%; } .parallax.title:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(30%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(83%,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.59))); background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.59) 100%); z-index: 2; } .parallax_title { z-index: 9; position: absolute; bottom: 20px; width: 100% !important; text-align: center; } .parallax_title h2 { color: #fff !important; } /*------------------------------------------------------------------ [10. Food Menu Elements] */ .one_half { float: left; width: 48%; margin-right: 3.5%; box-sizing: border-box; } .one_half_map { } .one_half.last { float: right; width: 48%; margin-right: 0; clear: right; } .portfolio2filter_wrapper { overflow: hidden; margin: 0 12px 0 0; float: left; } .one_half.portfolio2_wrapper { width: 50%; margin-bottom: 0px; } .two_cols.gallery .element { width: 47.8%; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1 !important; } .two_cols.gallery .element.grid { padding: 0; background: transparent; } .two_cols.gallery .element.fade { opacity: 0.2 !important; } .two_cols.gallery .element .portfolio_title { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; box-sizing: border-box; line-height: 1.65em; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .two_cols.gallery .element.hover .portfolio_title { visibility: visible; opacity: 1; } .two_cols.gallery .element .portfolio_title .table { position: absolute; bottom: -10px; left: 20px; width: 85%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .two_cols.gallery .element:hover .portfolio_title .table { bottom: 20px; } .two_cols.gallery .element .portfolio_title h5 { font-size: 20px; color: #fff; } .two_cols.gallery .element .portfolio_title .post_detail { color: #fff; } .one_half.gallery2 { width: 100%; height: 100%; float: left; margin: 0; overflow: hidden; } .one_half.gallery2.static { overflow: hidden; } .one_half.gallery2 a { position: relative; display: block; line-height: 0; } .element.classic2_cols { overflow: hidden; position: relative; width: 49.8%; height: auto; margin-right: 1px; margin-bottom: 1px; float: left; } .one_half.gallery2.filterable.portfolio_type { margin: 0; } .one_half.gallery2.last { float: right; margin-right: 0; } .one_half.gallery2 div.thumb_content { position: absolute; top: 0; left: 0; padding: 15px 20px 15px 20px; background: #fff; color: #888; width: 100%; top: auto; bottom: 0; opacity: 0; font-size: 12px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .one_half.gallery2 div.thumb_content h3 { color: #000000; font-size: 18px; } .one_half.gallery2:hover div.thumb_content { opacity: 1; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .one_half.gallery2 a[rel=gallery] { display: block; width: 100%; height: 100%; position: absolute; z-index: 99999; background: #000; } .one_third { width: 30.66%; float: left; margin-right: 4%; position: relative; box-sizing: border-box; } .one_third.last { margin-right: 0 !important; float: right; width: 30.66%; } .one_third.portfolio3_wrapper { width: 30%; margin-bottom: 0; margin-right: 25px; } #page_content_wrapper .inner .sidebar_content ul, .page_content_wrapper .inner .sidebar_content ul { margin-left: 20px; } #page_content_wrapper .inner .sidebar_content.full_width.portfolio3_content_wrapper { width: 1250px; } #page_content_wrapper .inner .sidebar_content.full_width.portfolio4_content_wrapper, .page_content_wrapper.portfolio4_content_wrapper { width: 1260px; } .page_content_wrapper.portfolio4_content_wrapper { margin-top: 50px; } .gallery_a_title { text-align: center; } .three_cols.gallery .element { width: 31.2%; margin-right: 2%; margin-bottom: 2%; padding: 0; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1 !important; position: relative; } .sidebar_content.three_cols.gallery .element { width: 46%; margin-right: 3%; margin-bottom: 4%; } .three_cols.gallery .element.grid { padding: 0; } .three_cols.gallery .element.fade { opacity: 0.2 !important; } @media only screen and (min-width: 1430px) { #page_content_wrapper.fullwidth .three_cols.gallery .element, .page_content_wrapper.fullwidth .three_cols.gallery .element { width: 22.4%; margin-bottom: 2.5%; } } @media only screen and (min-width: 1720px) { #page_content_wrapper.fullwidth .three_cols.gallery .element, .page_content_wrapper.fullwidth .three_cols.gallery .element { width: 17.8%; margin-bottom: 2.5%; } } @media only screen and (min-width: 2200px) { #page_content_wrapper.fullwidth .three_cols.gallery .element, .page_content_wrapper.fullwidth .three_cols.gallery .element { width: 14.6%; margin-bottom: 2.5%; } } .three_cols.gallery .element .portfolio_title { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .three_cols.gallery .element.hover .portfolio_title { visibility: visible; opacity: 1; } .three_cols.gallery .element .portfolio_title .table { position: absolute; bottom: -10px; left: 20px; width: 85%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .three_cols.gallery .element:hover .portfolio_title .table { bottom: 20px; } .three_cols.gallery .element .portfolio_title h5 { font-size: 18px; color: #fff; } .three_cols.gallery .element .portfolio_title .post_detail { color: #fff; } #portfolio_filter_wrapper.shortcode.three_cols.gallery .element, .portfolio_filter_wrapper.shortcode.three_cols.gallery .element { width: 33.2%; margin-right: 0; margin-bottom: 0; } .one_third.gallery3 { position: relative; width: 100%; margin: 0; overflow: hidden; } .one_third.gallery3.static { overflow: hidden; } .one_third.gallery3 a { display: block; } .element.classic3_cols { float: left; } .one_third.gallery3.last { float: right; margin-right: 0; } .one_third.gallery3 img { max-width: 100%; display: block; position: relative; } .one_third.gallery3 .one_third_img { position: absolute; } .one_third.filterable.gallery3.portfolio_type { margin: 0; } .one_third.gallery3 a[rel=gallery] { display: block; width: 100%; height: 100%; position: absolute; z-index: 99999; background: #000; } .two_third { float: left; width: 65.33%; margin-right: 4%; box-sizing: border-box; } .two_third.last { margin-right: 0; float: right; clear: right; } .one_fourth { width: 22%; float: left; margin-right: 4%; margin-bottom: 2%; position: relative; box-sizing: border-box; } .one_fourth.last { width: 22%; margin-right: 0; float: right; clear: right; } .four_cols.gallery .element { width: 24.9%; padding: 0; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 1 !important; } .four_cols.gallery .element.grid { padding: 0; background: transparent; } .four_cols.gallery .element.fade { opacity: 0.2 !important; } .four_cols.gallery .element .portfolio_title { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; box-sizing: border-box; line-height: 1.65em; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .four_cols.gallery .element.hover .portfolio_title { visibility: visible; opacity: 1; } .four_cols.gallery .element .portfolio_title .table { position: absolute; bottom: -10px; left: 20px; width: 85%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .four_cols.gallery .element:hover .portfolio_title .table { bottom: 20px; } .four_cols.gallery .element .portfolio_title h5 { font-size: 15px; color: #fff; } .four_cols.gallery .element .portfolio_title .post_detail { color: #fff; } #portfolio_filter_wrapper.shortcode.four_cols.gallery .element, .portfolio_filter_wrapper.shortcode.four_cols.gallery .element { width: 24.9%; margin-right: 0; margin-bottom: 1px; } .one_fourth.gallery4 { position: relative; width: 100%; height: 100%; margin: 0; overflow: hidden; } .one_fourth.gallery4 .button_wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .one_fourth.gallery4 .button_wrapper .button_center { width: 100%; height: 100%; display: table; } .one_fourth.gallery4 .button_wrapper .button_center .button_content { vertical-align: middle; display: table-cell; text-align: center; } .one_fourth.gallery4 .button_wrapper .button_center .button_content a { display: inline-block; background: rgba(0,0,0,0.7); color: #fff; font-weight: 600; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 100px; margin: 0 5px 0 5px; font-size: 20px; opacity: 0; transform: translateY(15%); -webkit-transition: .6s; transition: .6s; } .one_fourth.gallery4:hover .button_wrapper .button_center .button_content a { opacity: 1; transform: translateY(0); } .one_fourth.gallery4.grid_image { line-height: 0; } .one_fourth.gallery4 img { max-width: none !important; width: 100% !important; } .one_fourth.gallery4 a { position: relative; display: block; line-height: 0; } .one_fourth.gallery4.static { overflow: hidden; } .element.classic4_cols { float: left; } .one_fourth.gallery4.last { float: right; margin-right: 0; } .one_fourth.portfolio4 { margin:0; } .one_fourth.gallery4 .one_fourth_img { position: absolute; } .portfolio4filter_wrapper { float: left; } .one_fifth { width: 18%; float: left; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; } .one_fifth.last { margin-right: 0; } .one_sixth { width: 11%; float: left; margin-right: 6%; margin-bottom: 2%; box-sizing: border-box; } .one_sixth.last { margin-right: 0; } .image_classic_frame { width: 100%; box-sizing: border-box; text-align: center; line-height: 0; } .image_classic_frame.border { border: 1px solid #e1e1e1; } .image_classic_frame.glow { border: 1px solid #e1e1e1; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .image_classic_frame.dropshadow { padding:0; -moz-box-shadow: 0 0 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2); box-shadow: 0 0 15px rgba(0,0,0,.2); } .image_classic_frame.bottomshadow { padding:0; position: relative; } .image_classic_frame.bottomshadow:before, .image_classic_frame.bottomshadow:after { position: absolute; bottom: 15px; left: 10px; z-index: -1; height: 20%; width: 60%; content: ""; opacity: 0.7; -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 17px 10px rgba(0,0,0,0.6); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); opacity: 0.5; } .image_classic_frame.bottomshadow:after { left: auto; right: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } .image_classic_frame.bottomshadow img { margin: 0; } .fullwidth_image { background-repeat: no-repeat; background-size: cover; background-position: center center; } .image_caption { padding: 20px 0 5px 0; font-size: 11px; } .single_portfolio_gallery { width: 100%; height: 400px; overflow: hidden; position: relative; z-index: 0; top: -35px; background: #f0f0f0; } .single_portfolio_gallery i.fa { font-size: 30px; position: absolute; top: 43%; left: 49%; } .fullscreen_desc { width: 80%; margin: auto; margin-bottom: 10px; } .portfolio_desc { float: left; box-sizing: border-box; width: 100%; padding: 15px 10px 20px 10px; } .portfolio_desc.grid_image { padding: 20px; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.6); top: 10px; left: 0; opacity: 0; box-sizing: border-box; float: none; line-height: initial; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .four_cols.gallery .element:hover .portfolio_desc.grid_image { top: 0; opacity: 1; } .grid_image_frame { width: 100%; height: 100%; display: table; border: 2px solid #fff; padding: 20px; box-sizing: border-box; } .portfolio_desc.team { width: 100%; float: none; margin-bottom: 25px; text-align: center; box-sizing: border-box; } .team_position { color: #999; font-size: 11px; } .gallery-main { display: none; } .wall_thumbnail { float:left; width: 100%; margin: 0; overflow: hidden; position: relative; } .wall_thumbnail img { display: block; position: relative; height: auto; width: 100%; } #photo_wall_wrapper, .photo_wall_wrapper { width: 100.4%; margin: 0 auto; height: 0; margin-top: 0; margin-bottom: 0; padding: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; visibility: hidden; opacity: 0; overflow: visible !important; } .photo_wall_wrapper.shortcode { width: 100.4%; } .photo_wall_wrapper.shortcode.withmargin { margin-left: 2%; margin-top: 1%; margin-bottom: 1%; width: 99%; } #photo_wall_wrapper.visible, .photo_wall_wrapper.visible { visibility: visible; opacity: 1; } #photo_wall_wrapper.has_sidebar { width: 670px; } #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry { float: left; border: none; padding: 0; position: relative; width: 24.95%; margin: 0; word-wrap: break-word; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } #photo_wall_wrapper .wall_entry.fade, .photo_wall_wrapper .wall_entry.fade { opacity: 0.2 !important; } #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry.withmargin { width: 23.2%; margin: 0.5%; margin-bottom: 0.5%; } #photo_wall_wrapper .wall_entry .wall_entry_wrapper, .photo_wall_wrapper .wall_entry .wall_entry_wrapper { position: relative; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; overflow: visible !important; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; opacity: 1 !important; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .gallery_mansory_wrapper, .gallery_mansory4_wrapper { padding: 0; margin: 0 auto; margin-bottom: 20px; width: 960px; } .page-template-template-gallery-thumbnails-php .gallery_mansory_wrapper { padding: 0px; margin: 0 auto; } #vimeo_bg, #youtube_bg { height: 100%; left: 0; position: fixed; width: 100%; } #vimeo_bg .fluidvids, #youtube_bg .fluidvids { width: 100%; height: 100%; } #vimeo_bg > iframe, #youtube_bg > iframe { display: block; height: 100%; width: 100%; } .portfolio_tilter_wrapper { text-align: center; } .portfolio_filter_dropdown { width: 15em; background: #fff; position: relative; z-index: 9; margin-top: 20px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; display: inline-block; text-align: left; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } #page_content_wrapper .inner .sidebar_wrapper .sidebar .content .portfolio_filter_dropdown { float: left; margin-bottom: 40px; margin-top: 0; } .portfolio_filter_dropdown .portfolio_filter_dropdown_title a { display: block; height: 3em; width: 100%; border-radius: 3px; text-decoration: none; } .portfolio_filter_dropdown .portfolio_filter_dropdown_title a span { display: block; padding: 0 1em; cursor: pointer; line-height: 3em; } .portfolio_filter_dropdown .portfolio_filter_dropdown_title a span: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; margin-top: 0; font-family: 'FontAwesome'; content: "\f107"; float: right; line-height: 3em; font-size: 13px; } .portfolio_filter_dropdown .portfolio_filter_dropdown_select { position: relative; } .portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select { display: none; position: absolute; left: 0; top: -3em; width: 100%; list-style: none; background: #fff none repeat scroll 0 0; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } .portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a { display: block; padding: 0 1em; line-height: 3em; text-decoration: none; color: #888; } .portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a:hover { background: #f9f9f9; color: #444; } #portfolio_filter_wrapper, .portfolio_filter_wrapper { width: 960px; padding-top: 40px; height: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; visibility: hidden; opacity: 0; } .portfolio_filter_wrapper, body.tax-portfoliosets #portfolio_filter_wrapper, #portfolio_filter_wrapper { padding-top: 0; } #portfolio_filter_wrapper.visible, .portfolio_filter_wrapper.visible { visibility: visible; opacity: 1; } #portfolio_filter_wrapper.gallery, .portfolio_filter_wrapper.gallery { width: 100.4%; box-sizing: border-box; } .page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery, #page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery, .page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery, #page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery { width: 100.4%; box-sizing: border-box; } #portfolio_filter_wrapper.shortcode, .portfolio_filter_wrapper.shortcode { padding-top: 0; width: 100.4%; } body.single-attachment p.attachment { display: none; } .gallery_type, .portfolio_type { opacity: 0; } .gallery_img { opacity: 0; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .project_info_label { font-size: 13px; text-transform: uppercase; font-weight: 600; color: #999; } .project_info_value { font-size: 20px; color: #444; margin-bottom: 20px; } .one_fourth.withbg .page_content_wrapper, .one_third.withbg .page_content_wrapper, .one_half.withbg .page_content_wrapper, .two_third.withbg .page_content_wrapper { padding: 0 10% 0 10%; box-sizing: border-box; } .ppb_fullwidth_button h2.title { font-size: 22px; display: block; float: left; } .ppb_fullwidth_button .button { float: right; } .error_box { background: #222; margin: 0 auto; width: 310px; height: 310px; position: relative; } .error_box .error_type { font-size: 156px; text-align: right; letter-spacing: -15px; margin-bottom: 0; color: #fff; line-height: 0; right: 0; bottom: -26px; position: absolute; letter-spacing: -15px; } .error_text { font-size: 53px; letter-spacing: -1.5px; color: #222; margin-top: 0; text-transform: uppercase; text-align: center; padding: 0 !important; } .footer_before_widget { margin-top: 50px; text-align: center; } .footer_before_widget .footer_logo.logo_wrapper img { transform: scale(0.5); -webkit-transform: scale(0.5); } #footer_before_widget_text { color: #ccc; text-align: center; width: 50%; margin: auto; margin-bottom: 20px; margin-top: 50px; font-size: 16px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; } #footer_before_widget_text:empty { display: none; } .ppb_mailchimp_subscription { text-align: center; background-size: cover; } .ppb_mailchimp_subscription .subscribe_form { margin: auto; margin-top: 30px; } .ppb_mailchimp_subscription .subscribe_form p { display: inline-block; padding: 0 !important; } .ppb_mailchimp_subscription .subscribe_form input[type=submit] { float: none; display: inline-block; padding: 11px 17px 10px 17px; } .ppb_mailchimp_subscription .subscribe_form input[type=email] { width: 300px; padding: 10px 10px 10px 10px; } .menu_multiple_wrapper { padding: 30px; box-sizing: border-box; border: 1px solid #e1e1e1; } .menu_multiple_content { margin-top: 15px; } #overlay_background_title, .overlay_background_title { background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 2; top: 0; left:0; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .background_center_title_wrapper { display: table; width: 60%; height: 100%; position: relative; z-index: 3; text-align: center; margin: auto; } .background_center_title_wrapper .title_content { display: table-cell; vertical-align: middle; color: #fff; text-align: center; } .parallax_scroll { z-index: 2; } /*------------------------------------------------------------------ [12. Woocommerce Elements] */ h1.page-title { display: none; } #page_content_wrapper .inner .sidebar_content ul.products { margin: 0; padding-top: 20px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 31.66%; margin-right: 2.5%; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce .woocommerce-ordering select { border: 0; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; font-size: 14px; } .woocommerce .woocommerce-result-count { font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; font-size: 14px; } .woocommerce ul.products li.product h3 { font-size: 1em; } .woocommerce ul.products li.product .price { font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; color: #444; font-size: 1.3em; font-weight: bold; } .woocommerce ul.products li.product .button { background: transparent; padding: 0; text-transform: none; font-size: 12px; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; letter-spacing: 0; font-weight: 400; } .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 #e1e1e1 !important; height: 39px; } .woocommerce-page div.product form.cart .button { width: auto !important; margin-left: 5px; letter-spacing: 1px !important; padding: .8em 1.5em .8em 1.5em !important; border: 0 !important; } .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 { font-size: 16px !important; text-transform: uppercase; font-weight: 600; margin-top: 5px !important; padding-bottom: 0; text-align: center; } .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: 5px; box-sizing: border-box; margin-top: 5px; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { font-size: 0.9em !important; } .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 { text-decoration: none !important; font-size: 16px !important; color: #cfa670; } .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%; } div[itemprop="description"] { margin: 5px 0 10px 0; padding-left: 0 !important; } .review-summary { display: none !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { font-size: 14px !important; color: #000; 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 #e1e1e1 !important; background: #fff !important; } .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: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif !important; font-weight: 600 !important; position: relative !important; background: transparent !important; margin-top: 0; opacity: 0.3; color: #222 !important; font-size: 12px !important; display: block; margin: auto; } .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: #000 !important; font-size: 100% !important; } .woocommerce #page_content_wrapper a.button:before, .woocommerce-page #page_content_wrapper a.button:before, .woocommerce .products a.button:before { position: absolute; margin-left: -20px; color: inherit; font-family: "FontAwesome"; content: '\f07a'; } .woocommerce #page_content_wrapper a.button.product_type_variable:before, .woocommerce-page #page_content_wrapper a.button.product_type_variable:before { content: '\f03a'; } .woocommerce ul.products li.product:hover a.add_to_cart_button, .woocommerce-page ul.products li.product:hover { border-color: #777 !important; } .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 .widget_shopping_cart .widget_shopping_cart_content a.button, .woocommerce table.cart td.actions .button.alt.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.cart td.actions .button.alt { background: #444 !important; color: #fff !important; text-shadow: none !important; border-color: #444 !important; font-weight: normal !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: 20px !important; } .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; } .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; } body.woocommerce .page-title { display: none; } .woocommerce-page div.product div.images div.thumbnails { display: none; } p.price { padding-top: 0 !important; margin-top: -10px !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: bold; font-size: 24px; color: #cfa670; } 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 { font-size: 18px; } .checkout h3 { font-size: 18px; margin: 15px 0 15px 0; } .related.products h2, .cart_totals h2, .shipping_calcuLator h2, .upsells.products h2, .cross-sells h2 { font-size: 18px; margin-bottom: 15px; } .cart_totals h2 { display: none; } .shipping_calcuLator h2 { text-align: left; } .related.products { margin-top: 30px; } .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: 1px solid #e1e1e1; padding: 25px; box-sizing: border-box; background: #fff; } .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: #ebebeb !important; border: 0 !important; box-shadow: none !important; visibility: visible !important; border: 1px solid #e1e1e1 !important; border-bottom: 0 !important; border-radius: 0px !important; } .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 ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { padding: 10px 30px 9px 30px !important; font-weight: normal !important; font-size: 14px !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 { background: #fff !important; color: #000 !important; border-radius: 0px !important; height: auto !important; padding: 0 !important; border: 1px solid #e1e1e1 !important; border-bottom: 0 !important; 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: #000 !important; 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 div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price { font-size: 1.5em !important; } .woocommerce-page div.product p.price ins { text-decoration: none !important; } .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; } .woocommerce-message, .woocommerce-error, .woocommerce-info { box-shadow: 0 0 0 #000 !important; border-radius: 0 !important; } .woocommerce-message { background: #23B064 !important; border-color: #23B064 !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-info { background: #4db2ec !important; border-color: #4db2ec !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-error { background: #e62c22 !important; border-color: #e62c22 !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-info a, .woocommerce-message a, .woocommerce-error a { color: #fff !important; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { box-shadow: none !important; top: 0.4em !important; background: #23B064 !important; } .woocommerce-info:before { background: #4db2ec !important; } .woocommerce-error:before { background: #e62c22 !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: 5px; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; text-align: center; } .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { box-shadow: none; text-shadow: none; color: #fff; background: #ff3e36; margin-top: -6px; margin-left: -6px; left: 0; right: auto; text-align: center; } .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; } .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 #e1e1e1; 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: #e1e1e1; background: #fcfcfc; color: #000000 !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: 600; color: #444; } .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; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating { float: right; } .woocommerce-review-link { color: #000 !important; } .woocommerce-page div.product form.cart { margin-top: 2em; } .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 { font-size: 14px; 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; } .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; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 0; padding: 15px 12px; } .shipping-calcuLator-button { color: #000; } .product-subtotal .amount { color: #000; 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 #e1e1e1; color: #000; font-weight: 600; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-radius: 0 !important; border-bottom: 1px solid #e1e1e1; } .woocommerce table.shop_table.cart, .woocommerce-page table.shop_table.cart { border: 0; } .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; padding-top: 40px; } .woocommerce table.cart td.actions .coupon .input-text#coupon_code { width: 200px; padding: 12px 10px 8px 10px; border-radius: 0; box-shadow: 0 0 0 0; margin-right: 10px; } .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 div.payment_box, .woocommerce-page #payment div.payment_box { margin-top: 0; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border-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: 1em; } strong[itemprop="author"] { font-size: 1em; font-weight: 600; color: #000; font-weight: 600 !important; font-family: 'Lato', 'Helvetica Neue', Arial,Verdana,sans-serif; text-transform: uppercase; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #fff !important; box-shadow: 0 0 0 0; } .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; border-bottom: 1px solid #e1e1e1 !important; padding: 0; } .woocommerce ul.products li.product a .star-rating, .woocommerce-page ul.products li.product a .star-rating { display: none !important; } .woocommerce #review_form #respond { width: 100%; } .woocommerce #reviews h3 { text-align: left; } h1.product_title { font-size: 30px; text-transform: uppercase; font-weight: 600; } .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; } .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border-radius: 0 !important; } .return-to-shop .wc-backward { padding-left: 35px !important; } .return-to-shop { padding: 0 0 2em 0 !important; } .woocommerce-checkout-payment { margin-bottom: 4em !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { margin-top: 11px; } .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; } /* 13. Live Content Builde Elements */ .ppb_live_edit_wrapper { float: left; width: 100%; box-sizing: border-box; cursor: default; position: relative; } .ppb_live_edit_wrapper.loading { opacity: 0.5; } .ppb_live_edit_wrapper.hover, .ppb_live_edit_wrapper:hover { background: rgba(0, 115, 170, 0.1); } .ppb_live_edit_wrapper .ppb_live_action { position: absolute; bottom: 20px; left: 50%; margin-left: -120px; z-index: 9999; } .ppb_live_edit_wrapper .ppb_live_action a { width: auto; height: 35px; padding: 0 15px 0 15px; font-size: 12px; display: inline-block; color: #fff; background: #1C58F6; line-height: 35px; border-radius: 25px; margin: 0 5px 0 5px; -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; -webkit-font-smoothing: antialiased; } .ppb_live_edit_wrapper .ppb_live_action a .dashicons { line-height: 35px; margin-right: 0; } .ppb_live_edit_wrapper:hover .ppb_live_action a { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .ppb_live_edit_wrapper .ppb_live_action a { transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; } .ppb_live_edit_wrapper .ppb_live_action a.ppb_remove { background: #FF3B30; }