AlkantarClanX12
Current Path : /home/dilseshaadi/public_html/wp-content/themes/wedding-planner/ |
Current File : /home/dilseshaadi/public_html/wp-content/themes/wedding-planner/style.css |
/* Theme Name: Wedding Planner Theme URI: http://wedding-planner.freevision.me/ Author: freevision Author URI: http://themeforest.net/user/freevision/portfolio Description: The Wedding Planner is Responsive WordPress theme well-suited for wedding planner websites. Version: 6.3 Text Domain: wedding-planner Domain Path: /lang License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready */ /** * Built on the Whiteboard Framework * http://whiteboardframework.com */ /* [Table of contents] 1 - Resets 2 - Typography presets 3 - Mono social icon font 4 - Default layout 5 - If is admin bar active 6 - General styles 7 - Layout styles 8 - Page - Frame 9 - Centered content and margins 10 - Comment form 11 - Comments 12 - Author page 13 - Blog page 14 - Revo Full & Blank Mode 15 - Next & previous post arrows - Related Posts 16 - Big Blog 17 - Pagination 18 - Thumb image 19 - Password Protected 20 - Tooltipsy tooltip 21 - Google maps background 22 - To top button 23 - Wordpress overrides and fixes 24 - Search Overlay 25 - Search Form - Search Icon 26 - Search Page 27 - Video background 28 - Youtube background 29 - Single Blog 30 - Widgets 31 - Contact Form 7 32 - Revolution Slider 33 - CSS3 Waypoint Animations 34 - Page Centered Content & Parallax Stuff 35 - Language Switcher 36 - Logo & Menu Stuff 37 - Visual Composer Components 38 - Media Grid 39 - Fancy Hover Image Box 40 - Floral Divider 41 - Call to Action With Image 42 - Simple Hover Image Box 43 - Bottom Arrow 44 - YouTube Embed 45 - Background Self Hosted Video 46 - Icon Wrapper 47 - Vertical Divider 48 - Title With Icon 49 - Divider 50 - Count To 51 - Team Member 52 - Fancy Post Accordion 53 - Call To Action Box 54 - Pricing Table 55 - Custom Google Map 56 - Image / Video Box 57 - Service Box 58 - Blockquote Box 59 - Instagram Feed 60 - Booked Appointment 61 - Flickity Carousel 62 - Flickity Testimonial Slider 63 - Custom List 64 - Visual Composer Overrides 65 - Mail Chimp Widget 66 - Portfolio Post Type 67 - Row Hearts Background 68 - Row Kenburns slideshow 69 - Custom Fancy Button 70 - Based On: http://codepen.io/kjbrum/pen/wBBLXx 71 - Border Box 72 - Animated Image Gallery 73 - Responsive Definitions */ /** * Resets */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%} /* * Typography presets */ abbr, acronym{ border-bottom: 1px dotted; cursor: help; font-variant: small-caps; } address,cite,em,i{font-style: italic;} a, #side-nav-bar a>i { -webkit-transition: color .2s linear, background-color .2s linear; -o-transition: color .2s linear, background-color .2s linear; -moz-transition: color .2s linear, background-color .2s linear; text-decoration: none; outline: none; } a:active, a:focus {text-decoration: underline;} a[href^=tel]{/*prevent blue mobile safari phone number*/ color:inherit; text-decoration:none; } /** * Mono social icon font */ @font-face { font-family: 'MonoSocialIconsFont'; src: url('font/mono/MonoSocialIconsFont-1.10.eot'); src: url('font/mono/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('font/mono/MonoSocialIconsFont-1.10.woff') format('woff'), url('font/mono/MonoSocialIconsFont-1.10.woff2') format('woff2'), url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'MonoSocialIconsFont'; src: url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); } } span.symbol, a.symbol:before { font-family: 'MonoSocialIconsFont'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } /** * Default layout */ #content { width: 508px; /* 5 columns */ margin: 0; overflow: hidden; } #content.no-sidebar { width:1528px; max-width: 100%; margin:0 auto; overflow:visible !important; } body.single-post #content.no-sidebar {width: 100%;} #sidebar { width: 184px; /* 3 columns */ float: right; margin: 0; padding: 40px; overflow: hidden; } #content.no-vc ol, #content.no-vc ul { padding-left:24px; margin-left:24px; } #comments ol, #comments ul { padding-left:0 !important; margin-left:0 !important; } #comments ul ul, #comments ol ol, #comments ol li.pingback, #comments ul li.pingback { margin-left:24px !important; } ::selection {background: #c6d8cd;} ::-moz-selection {background: #c6d8cd;} img::selection {background: transparent;} img::-moz-selection {background: transparent;} /** * If is admin bar active */ /*body.admin-bar #header{margin-top:32px;}*/ /** * General styles */ .serif,cite,blockquote { font-family: 'Georgia', 'times new roman', palatino,platino linotype,georgia,times,serif; font-weight: normal; } .monospace,var,code {font-family: courier new, courier, monospace;} .amp { font-style: italic; font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif; font-weight: normal; } a:link {} a:visited {text-decoration: underline !important;} a:hover,a:active {text-decoration: underline;} .post-content ul, .post-content ol {padding-left: 24px;} .post-content, .page-content {word-wrap: break-word;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity:1;} input:not([type=radio]):not([type=checkbox]), textarea, select { padding: 7px 20px; outline: none; -webkit-transition: color .2s; transition: color .2s; resize: none; -webkit-appearance: none; } #content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=reset]), textarea,select { border: none; } #content input[type=submit] {letter-spacing:2px;} #content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #content textarea, #content select, #sidebar input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #sidebar textarea, #sidebar select, .woocommerce #respond input#submit { letter-spacing:2px; padding: 8px 10px; margin:0; width:100%; } .woocommerce #respond input#submit { border: none !important; } #content select, select { padding: 6px 10px; -webkit-appearance: menulist; } textarea { min-height: 150px; width: 100%; } blockquote:before { font-family: 'ozythemes'; content:"\e4c6"; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; top: 20px; left: 20px; } blockquote { text-align: justify; padding: 50px; font-size: 30px; line-height: 37px; position: relative; border: 1px solid #dedede; margin: 20px 50px; } blockquote p {padding: 0 !important;} blockquote p:first-letter blockquote:first-letter { font-size: 24px; padding-right: 1px; } blockquote cite {font-size: 20px;} /** * Layout styles */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-width: 100%; height: 100%; } /* Jetpack fix. bringing serious issues in chrome if you keep it visible */ #wpstats {display: none !important;} /** * Page - Frame */ .frame-bottom, .frame-left, .frame-right, #floating-share {display:none;} @media (min-width: 737px) { .frame-bottom, .frame-left, .frame-right { display:block; position:fixed; left:0; bottom:0; width:100%; height:40px; background-color:#fff; z-index:999; } .frame-left, .frame-right { width:40px; height:100%; top:0; left:0; } .frame-right { left:inherit; right:0; } body:not(.no-frame-border) { position:relative; border: 40px solid #fff; } body.no-frame-border:not(.no-top-info-bar) { border-top: 40px solid #fff; } #floating-share { display:block; position:fixed; width:40px; top:50%; right:0; font-size:10px !important; letter-spacing:1px; font-weight:700; z-index:1000; transform:translateY(-50%); } #floating-share>span { display:block; transition: all 500ms cubic-bezier(1.000, 0.005, 0.165, 1.000); transition-timing-function: cubic-bezier(1.000, 0.005, 0.165, 1.000); } #floating-share>span:first-child { position: absolute; width: 70px; left: -5px; top: 50%; margin-top: 10px; cursor: pointer; transform: rotate(-90deg) translateY(-50%); } #floating-share>span:first-child:before { position: absolute; content: ''; width: 10px; height: 2px; margin-left: -20px; top: 50%; transform: translateY(-50%); background-color: currentColor; } #floating-share>span:last-child { position:relative; width:80px; min-height:60px; margin-left:80px; padding:20px 0; background-color:#fff; color:#000; } body.floatin-share-bar-open #floating-share>span:first-child {left:40px;} body.floatin-share-bar-open #floating-share>span:last-child {margin-left:-40px;} #floating-share>span:last-child>a { display:block; width:40px; height:30px; font-size:26px; line-height:29px; text-align:center; text-decoration:none; color:currentColor; opacity:.6; transition:opacity .5s ease; } #floating-share>span:last-child>a:hover {opacity:1;} #floating-share>span:last-child>a#close-floating-share-bar { position:absolute; width:40px; height:36px; right:0px; top:50%; opacity:1; font-size:36px; line-height:36px; transform:translateY(-50%); } body.no-frame-border .frame-bottom, body.no-frame-border .frame-left, body.no-frame-border .frame-right { display: none !important; } } /** * Centered content and margins */ #main { display:block !important; position: relative; z-index: 2; -webkit-overflow-scrolling: touch; } #main, #footer, #footer-widget-bar, #footer-widget-bar-sticky { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); } #main>.container { overflow: hidden; position: relative; z-index: 1; margin:0 auto; } body.page-comment-form #main>.container, #main>.container.no-vc {padding-bottom:36px;} body.single #main>.container #content, body.single #main>.container #sidebar, body.single #main>.container { padding-top: 0; padding-bottom: 40px; } body.single #main>.container #content.has-super-header, body.single #main>.container #sidebar.has-super-header{padding-top: 25px;} #title { display:block; float:left; position: relative; z-index: 1; } #title>a { height: 100%; display: inline-block; vertical-align: middle; } #title img { vertical-align: middle !important; max-width: 100% !important; } #content {position: relative;} .page-content img, .page-content .wp-caption, .post-content img, .post-content .wp-caption, #content img[class^="wp-image"] { max-width: 100%; height:auto; } #content p img, #content .wp-caption, #content .wp-caption>img { max-width:100% !important; height:auto !important; } #page-title-wrapper {position: relative;} #page-title-wrapper>div { position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 100%; } .page-title { font-weight: 300 !important; line-height:1.2em !important; } .page-title a {text-decoration: none;} #widget-alert { background: #C6D8CD; border: 1px #5b816a solid; padding: 24px; margin-bottom: 24px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 6px 0;} .page-content p:empty,.post-content p:empty {display: none;} #content .post .post-content iframe {max-width:100%;width:100%;min-height:643px;} #content.no-sidebar .post .post-content iframe {min-height:677px !important;} @media screen and (max-width: 1180px) { #content.no-sidebar .post .post-content iframe, #content .post .post-content iframe {max-width:100%;width:100%;min-height:inherit;} } .page-content [class^="embed-"], .post-content [class^="embed-"] {max-width: 100%;} .left-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 420px; } .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 520px; } #sidebar { padding-left: 0; padding-right: 0; } body.no-page-title #main:not(.header-slider-active) #sidebar {margin-top:36px;} #sidebar.left-sidebar {float: left;} #sidebar .widget {margin-bottom: 20px;} #footer-widget-bar ul, #footer-widget-bar li, #sidebar ul, #sidebar li { list-style: none; -webkit-transition: color .2s; transition: color .2s; } #sidebar .widget>h4{ margin-bottom:20px !important; padding-bottom:20px !important; border-bottom: 1px solid #dedede; } #sidebar .widget>label { display:inline-block; font-weight:500; padding-bottom:10px; font-size:110%; } #sidebar .widget {margin-bottom: 30px !important;} #footer-widget-bar li {padding: 4px 0 4px 0;} #sidebar .widget li {padding: 4px 0 0 0;} #sidebar .widget li>a { display:inline-block; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px solid #dedede; } #footer-widget-bar .widget li:first-child {padding-top: 0 !important;} #footer-widget-bar .children, #sidebar .children {padding-left: 10px;} #footer-widget-bar .children .children, #sidebar .children .children {padding-left: 10px;} #footer { z-index: 3; -webkit-backface-visibility:hidden; } #footer footer { display:inline-block; width:100%; height: 100%; z-index:2; } #footer .container { padding: 0; overflow:visible !important; } #footer .container>div { display:inline-block; width: 50%; padding:3px 0; } #footer .container>div>img{ max-height:35px !important; max-width:inherit; width:auto !important; } #footer>footer>.container {padding:20px 36px;} #footer>footer>.container>span { font-size:30px !important; line-height:60px; } #footer a { border:1px solid currentColor; padding:15px 30px; margin-left:10px; float:right; font-size:18px !important; } div#social-icons { display:inline-block; text-align:right; height:40px; } div#social-icons>a { display: inline-block; text-align:center !important; text-decoration: none !important; overflow: hidden; width:40px; height:39px; /*1px smallar to prevent line conflict with parent*/ margin-left:4px; } div#social-icons>a>span { display: block; font-size: 32px !important; line-height: 39px !important; font-weight:300 !important; -webkit-transition: color .4s; transition: color .4s; } #footer-content {padding: 20px;} #footer-widget-bar {z-index:2;} #footer-widget-bar>.container { padding-left:16px; padding-right:16px; } #footer-widget-bar>.container>section { width: 75%; position: relative; padding:40px 20px 5px 20px; margin:0 auto; } #footer-widget-bar>.container>section>div.widget {padding-bottom:60px;} #footer-widget-bar>.container>section>div.widget>div.separator { margin:0 auto 40px auto; width:90%; height:1px; border-bottom:1px solid #dedede; } #footer-widget-bar>.container>section>div.widget:first-child>div.separator {display:none;} #footer-widget-bar>.container>section>div.separator { position:absolute; right:-10px; top:0; margin:0 10px; border-right:1px solid #dedede; width:1px; height:100%; } #footer-widget-bar>.container>section>div.widget>h3 { font-size:26px !important; font-weight:700 !important; } #footer-widget-bar>.container>section>div.widget>h3, #footer-widget-bar>.container>section>div.widget h3.footer-widget-title {margin-bottom:20px;} #footer-widget-bar>.container>section { width:25%; float:left; line-height:normal; } #footer-widget-bar>.container>section a {font-weight:700;} #footer-widget-bar>.container>section br {margin:0 !important;} #footer-widget-bar>.container.full>section { width:100%; text-align: center; } #footer-widget-bar-sticky { position:fixed; width:100%; left:0; right:0; bottom:40px; z-index:2; } body.no-frame-border #footer-widget-bar-sticky { bottom: 0; } #footer-widget-bar-sticky.inherit { position:inherit; bottom:0; } #footer-widget-bar-sticky #close-footer-info-bar { display: block; position: absolute; top: -24px; left: 50px; width: 24px; height: 24px; font-family: cursive; font-size: 12px !important; text-decoration:none; line-height: 24px; padding-left: 8px !important; background-color: #000; color: #fff; } #footer-widget-bar-sticky.inherit #close-footer-info-bar {left: 10px;} @media only screen and (max-width: 1024px) { #footer-widget-bar-sticky {position:relative !important;} #footer-widget-bar-sticky #close-footer-info-bar {display:none;} } @media only screen and (max-width: 767px) { #footer-widget-bar-sticky>.container.info-bar>section>.widget { width:100% !important; margin-bottom:20px !important; } } #footer-widget-bar-sticky>.container.info-bar>section { width:100%; float:none; padding:25px 20px 75px 20px; margin:0 auto; } #footer-widget-bar-sticky>.container.info-bar>section>.widget { width:33.33%; float:left; text-align:center; } #footer-widget-bar-sticky>.container.info-bar { width:100%; } body.woocommerce-page:not(.single) #content>*:last-child:not([class^="vc_"]) { /*if last item of the content not vc element, like shop page, first items row but last one auto generated shop item*/ padding-bottom: 40px; } /** * Comment form */ form { margin-top: 10px; margin-bottom: 1.5em; } #commentform, #comments-form form { clear: both; margin-top: 12px; } #commentform label { display:inline-block; padding-bottom:10px; font-weight:500; } #commentform .half-input input, #comments-form form .half-input input, #comments-form form .full-input input {width: 100% !important;} textarea, input:not([type=submit]) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform textarea, #commentform input:not([type=submit]), #comments-form form p textarea, #comments-form form p input:not([type=submit]), #footer-widget-bar .widget input:not([type=submit]), form.ns_widget_mailchimp_form input:not([type=submit]), #sidebar .widget input:not([type=submit]):not([type=checkbox]) {width: 100%;} input[type=submit] { margin: 0; cursor: pointer; font-weight:500; } #commentform p, #comments-form form p { display: inline-block; margin: 0 0 3px; } #commentform .half-input:nth-child(2), #comments-form form .half-input:nth-child(2) {float: left !important;} #commentform .full-input, #comments-form form .full-input { display: inline-block; width: 100%; } #commentform .form-submit .submit{ float:right; text-transform:uppercase; font-size:12px; font-weight:700; background-color:transparent !important; } #comments-form h3#reply-title { font-size:12px; text-transform:uppercase; text-align:center; border-bottom:1px solid #dedede; padding-bottom:15px; } #commentform .half-input, #comments-form form .half-input { float: right; width: 49%; } #comments #respond {margin-bottom: 24px;} #comments>h3 {padding-bottom: .5em;} #comments #cancel-comment-reply-link { display: inherit; float: right; padding-bottom: 12px; } .ozy-half-input, .ozy-half-input-last { float:left; width: 49%; overflow:hidden; } .ozy-half-input-last { float: right; } .ozy-three-input { float:left; width:33.33%; overflow:hidden; } .ozy-three-input-middle { float:left; margin:0 5px !important; width: calc(33.33% - 10px); } .ozy-half-input input:not([type=radio]):not([type=checkbox]), .ozy-half-input-last input:not([type=radio]):not([type=checkbox]) { width:100%; } .ozy-full-input, .ozy-full-input-center, .ozy-full-input input {width: 100%;} .ozy-full-input-center { text-align:center; padding-top:20px !important; } .ozy-full-input-center span.ajax-loader { display:block !important; margin:0 auto !important; } #commentform .required, #comments-form form .required {color: #F00;} body.page #content:not(.no-vc) #comments { margin-left:35px; margin-right:35px; } #comments h3#reply-title {font-size:24px;} /** * Comments */ #comments {padding-top:35px;} #comments li.comment ul, #comments li.comment ol {padding-left: 24px;} #comments ol li.comment { clear: both; list-style: none; overflow: auto; } .comment-body { clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom:1px solid #dedede; } #comments>ol>li:not(:last-child)>.comment-body { border-bottom:1px solid #dedede; } .comment-body>div.vcard, .comment-body>.comment-meta.commentmetadata { display:initial; width:auto; font-size:12px; } .comment-body>div.vcard>cite { font-family:inherit; font-style:normal; font-weight:700; text-transform:uppercase; } .comment-body>div.vcard>span.says{display:none} .author-box>div{display: inline-block;} .comment-body>.comment-meta.commentmetadata { padding-left:10px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; font-style:italic; } .comment-body>.comment-meta.commentmetadata>a {text-decoration:none !important;} .comment-body>.comment-meta.commentmetadata>a:first-child:before { font-family:"ozythemes"; content:"\e429"; font-style:normal; padding-right:2px; vertical-align: middle; } .comment-body .reply>a { font-size:10px; letter-spacing:2px; text-decoration: none; text-transform:uppercase; } .comment-body .reply>a:before { font-family:"ozythemes"; content:"\e274"; padding-right:5px; vertical-align: middle; } .comment-body{ padding-bottom:20px; margin-bottom:20px; padding-left:10px; padding-right:60px; } .comment-body>p, .comment-body .reply {padding-left:80px;} .comment-body>div>img, .author-box>div>img{ display:block; float:left; margin:0 20px 0 0; border-radius:50%; } #comments .children{padding-left:0 !important} #comments .children li.comment>div, #comments .children li.comment>p {padding-left:60px;} #post-author { float: left; clear: both; padding: 30px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; width: 100%; } #post-author h3 { padding-bottom: .5em; margin-left: 0; } #post-author .gravatar { display: block; float: left; width: 95px; padding: 0 !important; } #post-author #author-link p { padding: 12px; text-align: right; padding-right: 0; } .post-content .more-link {font-weight: bold;} .comment .comment-body {position: relative;} #comments>h3{text-align:center;} #comments>h3>span { display:inline-block; height:20px; line-height:18px; padding:0 7px; margin-left:10px; border-radius:3px; font-size:12px; font-weight:300 !important; background-color:#dedede; vertical-align: middle; } /** * Author page */ .author-page .author-bio { display: inline-block; clear: both; margin-bottom: 2.5em; } .author-page .author-bio .avatar { width:80px; height:80px; float: left; margin-right:20px !important; border-radius:50%; } .author-page .post-single:last-child {border-bottom: 1px solid transparent !important;} /** * Blog page */ .load_more_blog{opacity:0;} body.single, body.blog, body.page-template-page-regular-blog {overflow-x:hidden;} /*IE 11 fix*/ body.single #main>.container>#content{ padding-top:0 !important; } .post-excerpt-aside>div, .post-excerpt-status>div { font-family: "Times New Roman", Times, serif; font-size: 19px; } .post-format-status .post-submeta, .post-format-aside .post-submeta, .simple-post-format>div { padding:20px 60px 20px 20px; background-color: #3c3c4a; background-size: cover; background-repeat: no-repeat; position: relative; border-radius:3px; } .simple-post-format>div>span { display: block; position: absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; padding-top: 5px; } .post-excerpt-status>div>h2, .post-excerpt-quote>div>h2{display:none !important;} .post.post-simple.regular-blog .post-meta-simple, .post>div:not(.featured-thumbnail):not(.carousel):not(.post-meta):not(.post-submeta):not(#single-blog-tags){ padding-left:60px; padding-right:60px; } body.single .post>article .featured-thumbnail, body.single .post>article .carousel, body.single .post>article .post-video { margin-left:-60px; margin-right:-60px; border-radius:3px; } .post.post-simple.regular-blog .post-meta-simple{ padding-top:15px; padding-bottom:10px; } .post-excerpt-quote blockquote { border: none !important; margin: 0 !important; padding: 0 0 0 65px !important; } .post-excerpt-quote blockquote p {padding: inherit !important;} .post-excerpt-quote blockquote:before {display:none;} .post.post-simple.regular-blog, .post.post-simple.regular-blog>div {padding:0 !important;} .post-excerpt-audio>div>div.player { margin-left: 85px; height: 100%; position: relative; } .post-excerpt-audio>div { border-radius:3px; padding:20px !important; height: 162px; background-size:cover !important; background-repeat:no-repeat; } .post-excerpt-audio>div>div.player>p {padding:0 !important;} .post-excerpt-audio>div>div .mejs-container { position: absolute; bottom: 0; left: 0; } .post-excerpt-status.simple-post-format>div, .post-excerpt-aside.simple-post-format>div, .post-excerpt-link.simple-post-format>div { padding-left:115px; min-height:160px; } .a-page-title:hover {text-decoration: none;} .post-title {margin-bottom:20px;} .post>.header-line{margin-bottom:9px !important;} .post.regular-blog { position:relative; background-color:#fff; overflow:hidden; } .post.regular-blog:not(.post-simple)>div:first-child:not(.featured-thumbnail):not(.carousel):not(.post-meta) { margin-top:50px; } .post .pagination { margin-top:10px; font-weight: 700; } .post .pagination>a { display:inline-block; padding:5px 10px; margin:0 5px; border:1px solid #dedede; } .post-single { padding-bottom: 40px; margin-bottom: 20px; margin-top: 40px; width: 100%; clear: both; float: left; } div.sticky.post-single {border:2px solid #000;} #content>.post-single:first-of-type {margin-top: 0 !important;} #content>.post-single:first-of-type .postGallerySlider, #content>.post-single:first-of-type .featured-thumbnail {margin-top: 0 !important;} .postGallerySlider, .featured-thumbnail {margin: 0 0 22px 0;} body.single .postGallerySlider, body.single .featured-thumbnail {margin: 0;} .post-single .post-content {margin: 0 !important;} #single-blog-tags:empty {display: none !important;} #single-blog-tags { display: inline-block; width: 100%; } #single-blog-tags>strong { display: inline-block; float:left; padding: 5px 10px 0 0; } #single-blog-tags>a { display: inline-block; padding: 0 5px; margin-right: 4px; margin-bottom: 6px; font-size: 10px; line-height: 22px; border-radius:3px; border:1px solid #dedede; } .page-content, .post-content {position: relative;} .post .post-content, .post-single .post-content {margin: 40px 0;} .post-audio, .post-submeta { position: relative; display: inline-block; width: 100%; line-height: 50px; } body.single .post-submeta{margin-top: 25px;} .post-submeta>a { display:inline-block; margin-right:10px; height:32px; line-height:32px; border-radius:3px; font-size:12px; font-weight:700; text-decoration:none; max-width:140px; } .post-submeta>.blog-like-link{border:1px solid #dedede;} .post-submeta>.blog-like-link>i {padding:0 20px;} .post-submeta>.blog-like-link>span { display:inline-block; height:15px; line-height:15px; margin:0 10px 0 20px; padding:0 5px; background-color:#fff; color:#000; border-radius:3px; } .post-submeta>.blog-share-twitter, .post-submeta>.blog-share-facebook { padding:0 45px 0 25px; background-color:#225b99; color:#fff !important; } .post-submeta>.blog-share-twitter{background-color:#00adf2;} .post-submeta>.blog-share-twitter>span, .post-submeta>.blog-share-facebook>span { font-size:19px; padding-right:25px; } .post-meta-simple { display: inline-block; width: 100%; } body.single .post-meta-simple {padding-top:20px;} .post-meta-simple p:empty {display: none;} .post-meta-simple p { display: block; position: relative; float: left; margin: 0 4px 0 0 !important; font-weight: 500 !important; overflow: visible; } body.single .post-content div:not(.ozy-quote-container)>blockquote{ border:none; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 20px 0; padding:20px 0; line-height:35px; font-size:28px; font-style:italic; } body.single .post-content blockquote:before {display:none;} .post-content .post-audio {margin-bottom: 12px;} .post-content .post-audio iframe {width: 100%;} .post-content .post-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .post-video iframe, .post-video object, .post-video embed, .post-audio iframe, .post-audio object, .post-audio embed { width: 100%; max-width: 100%; } .chat-transcript {margin-bottom: 24px;} .chat-row {margin-bottom: 12px;} .chat-row .fn {font-weight: 700;} .chat-row .chat-text { border: 1px solid #dedede; padding: 12px; } .header-line { height:1px !important; background-color:#dedede; margin-bottom:15px; } .header-line>span { display:block; width:100px; height:1px; float:left; background-color:red; } /*blog flickity*/ .carousel.blog-slider {max-height:640px;} .carousel.blog-slider .carousel-cell { width:100%; height:640px; background-repeat:no-repeat; background-position: center center; background-size:cover; } .carousel.blog-slider-single { position: absolute; top: 0; max-height:700px; } .carousel.blog-slider-single .carousel-cell { width:100%; height:700px; background-repeat:no-repeat; background-position: center center; background-size:cover; } /** * Revo Full & Blank Mode */ body.page-template-page-multiscroll #content, body.page-template-page-revo-full #content, body.page-template-page-blank-mode #content { width:100%; max-width:100%; height:100%; max-height:100%; } /** * Next & previous post arrows - Related Posts */ .nav-box-wrapper { margin-top:30px; margin-bottom: 40px; width: 100%; display: inline-block; background-color:#f3f3f3; } .nav-box-wrapper>div, .ozy-related-posts-wrapper>div { max-width:1600px; margin:0 auto; } .ozy-related-posts-wrapper { clear:both; margin-bottom:35px; } .nav-box.previous, .nav-box.next { display:inline-block; max-width:360px; } .nav-box.next {float:right;} .nav-box.previous>a, .nav-box.next>a, .ozy-related-posts>li>a { text-decoration:none !important; } .nav-box.previous>a>span.t, .nav-box.next>a>span.t, .ozy-related-posts>li>a>span.t { display:block; font-size:20px !important; font-weight:700 !important; padding:10px 0 25px 0; } .nav-box.previous>a>span.i, .nav-box.next>a>span.i, .ozy-related-posts>li>a>span.i { display:block; width:100%; height:240px; background-position:center center; background-size:cover; } .nav-box.previous>h4, .nav-box.next>h4, h4.ozy-related-posts-title { font-size:28px !important; padding:20px 0; font-weight:300 !important; } h4.ozy-related-posts-title { padding-top:20px; } .nav-box.next>h4 { text-align:right; } .ozy-related-posts>li { display:inline-block; margin:0 15px; width: calc(33% - 20px); vertical-align: top; } .ozy-related-posts>li:first-child {margin-left:0;} .ozy-related-posts>li:last-child {margin-right:0;} @media only screen and (max-width: 479px) { .nav-box-wrapper { background-color:transparent; height:150px; } .nav-box-wrapper>div {position:relative;} .nav-box { position:absolute; width:50%; } .nav-box.next {right:0;} .nav-box.previous>a>span.i, .nav-box.next>a>span.i { width:160px; height:110px; } .nav-box.next>a>span.i {float:right;} .nav-box.previous>a>span.t, .nav-box.next>a>span.t {text-indent:-9999px;} .ozy-related-posts>li {margin:0;} .ozy-related-posts>li>a>span.i{width:100%;} .nav-box-wrapper, .ozy-related-posts-wrapper { padding-left:10px; padding-right:10px; } } /** * Big Blog */ body.page-template-page-big-blog.ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper { width:100% !important; max-width:100% !important; padding-left:94px; padding-right:94px; } @media screen and (max-width: 479px) { body.page-template-page-big-blog.ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper { padding-left:10px; padding-right:10px; } } body.page-template-page-big-blog #content.no-vc { width:100% !important; max-width:100% !important; padding-top:80px; } body.page-template-page-big-blog .post.regular-blog {background-color:transparent !important;} body.page-template-page-big-blog .post-single h2.post-title { text-align:center; font-size:4.17vw !important; line-height:4.69vw !important; } body.page-template-page-big-blog .post-single:not(.sticky) .post-content { padding-left:0 !important; padding-right:0 !important; } body.page-template-page-big-blog .post-single.sticky {padding-top:35px;} body.page-template-page-big-blog .post-content {padding-bottom: 35px;} body.page-template-page-big-blog .big-blog-date, body.page-template-page-big-blog .big-blog-category { display:block; text-align:center; } body.page-template-page-big-blog .big-blog-date {padding:0 0 30px 0 !important;} body.page-template-page-big-blog .big-blog-category { padding:30px 0 !important; font-size:26px; } body.page-template-page-big-blog .big-blog-date-category-seperator { display:block; margin:0 auto; width:150px; height:2px; background-color:#fff; } body.page-template-page-big-blog .post.regular-blog { border-radius:0 !important; border-bottom:2px solid #fff; margin-bottom:60px; } body.page-template-page-big-blog .post-single {padding-bottom:25px;} /*post-meta*/ body.page-template-page-big-blog .big-blog-post-submeta { position: relative; width: 330px; margin:0 auto; } body.page-template-page-big-blog .big-blog-post-submeta>div {display:none;} body.page-template-page-big-blog .big-blog-post-submeta>a.button { display: block; float: left; position: relative; height: 46px; padding-top: 4px; margin-right: 20px; font-size: 14px; line-height: 46px; text-align: center; text-decoration: none; border:1px solid transparent; } body.page-template-page-big-blog .big-blog-post-submeta>a.button>i {padding-right:10px;} body.page-template-page-big-blog .big-blog-post-submeta>span.share-buttons>a { font-size:36px; text-decoration:none; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } body.page-template-page-big-blog .big-blog-post-submeta>div { position: absolute; height: 42px; width: 220px; top: 5px; right: -200px; line-height:32px; display: none; } body.page-template-page-big-blog .big-blog-post-submeta>div>div {float: left;} body.page-template-page-big-blog .big-blog-post-submeta>div>div.button { background-color: #000000; padding: 0 10px; } body.page-template-page-big-blog .big-blog-post-submeta>div>div.button>a { text-decoration: none; font-size: 32px; display: inline-block; padding-top:5px; } body.page-template-page-big-blog .big-blog-post-submeta>div>div.button>a>span { color: #fff; opacity: 0.5; } body.page-template-page-big-blog .big-blog-post-submeta>div>div.button>a:hover>span {opacity: 1;} body.page-template-page-big-blog .big-blog-post-submeta>div>div.arrow { width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #000000 transparent transparent; margin-top: 18px; } /** * Pagination */ .page-pagination { display: table; margin: 0 auto 40px auto; } .page-pagination>a{margin-top:30px;} .page-pagination>a, .page-pagination>span { display: block; float: left; width: 40px; height: 40px; line-height: 42px; font-size: 14px; font-weight:700; text-align: center; text-decoration: none; margin-right: 6px; transition: color .2s; } .page-pagination>a>span {font-size:18px;} .page-pagination>a.current {border:none} .page-pagination>a:hover {background-color: transparent;} #comment-navigation { display:inline-block; width:100%; } /** * Thumb image */ body:not(.page-template-page-isotope-blog):not(.page-template-page-isotope-fitrows-blog) .featured-thumbnail { position: relative; overflow: hidden; margin-bottom: 22px; background-size:cover; background-position: center center; } body.single .featured-thumbnail { background-size:auto !important; background-repeat:no-repeat; } body.single .featured-thumbnail>img { margin:0 auto; visibility:hidden; } .featured-thumbnail>img { display: block; max-width:100%; height:auto; } .featured-thumbnail.regular-blog>img { visibility:hidden; z-index:-1; } .featured-thumbnail>a { display: block; position: absolute; width: 100%; height: 100%; } .featured-thumbnail>a>span { position: absolute; color: #fff !important; font-size: 32px; width: 42px; height: 42px; line-height: 42px; text-align: center; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; } .featured-thumbnail-header { width:100%; height:700px; background-position:top center; background-size:cover; overflow:hidden; } .featured-thumbnail-header.small-header{height:550px;} .featured-thumbnail-header>div { position:relative; height:100%; width:100%; } .featured-thumbnail-header>div>div{ position: absolute; width: 100%; left:0px; bottom:60px; } .featured-thumbnail-header>div>div>div{ position:relative; max-width:1528px; margin:0 auto; } .featured-thumbnail-header>div>div>div>h1 {font-size:3.2vw;} .featured-thumbnail-header>div>div>div>div.post-meta { font-size:14px !important; line-height:normal !important; display:inline-block; width:100%; } .featured-thumbnail-header>div>div>div>div.post-meta p { display:inline; /*font-size:1vw;*/ } .featured-thumbnail-header>div{background-color:rgba(0,0,0,.4);} body.single.single-format-standard #main{ margin-top:0 !important; padding-top:0 !important; } #sidebar.has-super-header{padding-top:35px;} .super-header-share-buttons{margin-top:26px;} .super-header-share-buttons>a{ display:inline-block; margin-right:4px; width:36px; height:36px; border-radius:2px; background-color:#fff; font-size:26px; text-align:center; line-height:36px; text-decoration:none !important; } /** * Password Protected */ form.post-password-form { max-width:800px; padding:35px; margin:60px auto 60px auto; border-radius:3px; background-color:#ffffff; text-align:center; } body.page-template-page-ftp-album form.post-password-form, body.page-template-page-gallery-album form.post-password-form{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); margin:0; max-width:inherit; } form.post-password-form>h3 { padding-bottom:20px; color:#000 !important; } form.post-password-form>label { color:#000 !important; } /** * Tooltipsy tooltip */ @media only screen and (max-width: 1024px) { div[id^="tooltipsy"] { display:none !important; } } .tooltipsy { padding: 6px; max-width: 200px; color: #000 !important; background-color: #fff !important; margin-bottom: 5px; font-size: 11px !important; transition: opacity .4s; -webkit-transition: opacity .4s; } .tooltipsy:after { content: ''; position: absolute; border: 10px solid transparent; border-left-color: #fff !important; bottom: -3px; left: 50%; z-index: -1; } .tooltipsy.white{ color: #fff !important; background-color: #000 !important; } .tooltipsy.white:after { bottom:10px; top: -10px; border-left-color: #000 !important; } /** * Google maps background */ #ozy-google-map-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } #google-maps-info-box { width:200px; height:60px; } /** * To top button */ .wedding-planner-btt-container { margin: 1em; position: fixed; bottom: -100px; right: 40px; z-index:999; } body.navigation-is-open .wedding-planner-btt-container {bottom: -72px !important;} .wedding-planner-btt { width: 40px; height: 80px; overflow:hidden; position: relative; cursor: pointer; transition: .3s; border: 2px solid currentColor; } .wedding-planner-btt svg { position:absolute; left:7px; width:22px !important; height:80px; border: 1px solid transparent; /*chrome fix*/ transition: all .2s cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transition: all .2s cubic-bezier(1.000, 0.000, 0.000, 1.000); will-change: transform; } .wedding-planner-btt svg#Capa_1 {top:0;z-index: 1;} .wedding-planner-btt svg#Capa_2 {top:80px;z-index: 2;} .wedding-planner-btt:hover svg#Capa_1 {top:-80px;} .wedding-planner-btt:hover svg#Capa_2 {top:0 !important;} .wedding-planner-btt svg path{fill:currentColor !important;} .top {text-align:center;} /** * Wordpress overrides and fixes */ .screen-reader-text { /*to hide duplicate titles in some widgets*/ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .mejs-controls .mejs-time-rail .mejs-time-current { /*jetpack audio player progress bar*/ background:#333;background:rgba(200,200,200,0.8) !important;background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8))) !important;background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important; } .wp-caption { margin-top: 12px; margin-bottom: 12px; position: relative; display: inline-block !important; } .wp-caption img {display: block;} .alignleft { float: left; margin: 0 12px 12px 0; } .textaligncenter {text-align: center;} .aligncenter { margin: 0 auto; display: block !important; } .alignright { float: right; margin: 0 0 12px 12px; } /* this class is used to hid the skip to content link at the beginning of the document for accessibility */ .none-visible {display: none;} .clear {clear: both;} .left {float: left;} .right {float: right;} .left-w-padding {float: left;padding-right:20px;} .right-w-padding {float: right;padding-left:20px;} .disabled{cursor:default !important} dt { font-weight: bold; text-decoration: underline; padding: 0.5em 0 0 0; } dd { margin: 0; padding: 0 0 0.5em 0; } .bold-text{ font-weight:700 !important; } #content table { max-width: 100%; width: 100%; border-collapse: separate; /* the default option */ border-spacing: 0; /* remove border gaps */ margin-bottom: 1.5em; } #content table th, #content table td { border-bottom: 1px solid #dedede; padding: 6px; } #content table tr:first-child td { border-top: 1px solid #dedede; } #content table tr td:not(:first-child) { border-left: 1px solid #dedede; } #content br { margin-top: 0.3em; display: block; content: ' '; } #request-a-rate p, #content p { margin: 0; padding-top: .50em; padding-bottom: .50em; } /* Text meant only for screen readers. */ .screen-reader-text,.screen-reader-text:focus {display: inherit;} /** * Search Overlay */ #search-overlay { position:fixed; width:100vw; height:100vh; top:-100vh; background-color:rgba(255,255,255,1); z-index:1001; -webkit-transition: all 800ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -moz-transition: all 800ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -o-transition: all 800ms cubic-bezier(1.000, 0.000, 0.000, 1.000); transition: all 800ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); } body.search-overlay-open #search-overlay {top:0;} #search-overlay form { position:absolute; width:80%; top:50%; left:50%; transform:translate(-50%,-50%); } #search-overlay form #search { width:100%; font-size:120px; line-height:150px; padding:0 !important; border:none; background-color:transparent !important; } #search-overlay form p { font-size:11px; font-weight:500; } #search-overlay form a { position:absolute; top:0; right:0; text-decoration:none; } #search-overlay form a>i { position: static; font-size:50px; } /** * Search Form - Search Icon */ .wp-search-form { position: relative; } .wp-search-form i.oic-simple-line-icons-129, .wp-search-form i.oic-pe-icon-7-stroke-24, .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-zoom { position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -8px; color:#fff; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-simple-line-icons-129 { left: inherit; cursor:pointer; right: 12px; } .wp-search-form #search { padding-left: 32px !important; border:none; } /* is search button hidden? */ body.no-search-button nav.navbar .attr-nav{ display:none; } @media (min-width: 1025px) { body.no-search-button nav.navbar { padding: 0 90px 0 90px; } body.no-search-button nav.bootsnav.brand-center .navbar-collapse{padding-right: 0;} body.no-search-button nav.bootsnav.brand-center .navbar-brand {margin-right: 0;} } /** * Search Page */ body.search article.result { background-color:#fff; border: 1px solid #dedede; width: 366px; margin-bottom: 20px; padding: 20px; } body.search article.result img { max-width:100%; height: auto; } body.search #gutter-sizer {width:3%;} /** * Video background */ div.video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; vertical-align: top; } div.video-background video { min-height: 100%; min-width:100%; z-index: -2 !important; } div.video-background .ui-video-background { display: none !important; } div.video-background>div { position:absolute; width:100%; height:100%; top:0; left:0; background:url(images/video-pattern.png) repeat fixed !important; z-index:10; } #video-background>video{ max-width: none !important; } /** * Youtube background */ #tubular-container { top: 0; left: 0; z-index: -2 !important; } #tubular-shield { position: fixed !important; background:url(images/video-pattern.png) repeat fixed !important; z-index: -1 !important; } /* Related posts */ .ozy-related-posts { width: 100% !important; padding: 10px 0 0 0 !important; margin-left: 0 !important; list-style: none; display: inline-block; } /** * Single Blog */ .ozy-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .ozy-video-wrapper iframe, .ozy-video-wrapper object, .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-video-wrapper[data-twttr-id*="twttr-sandbox"] { position: inherit !important; height: inherit !important; padding: 0; } .post-audio .ozy-video-wrapper { padding-bottom: inherit !important; padding-top: inherit !important; height: inherit !important; } .post-audio .ozy-video-wrapper iframe, .post-audio .ozy-video-wrapper object, .post-audio .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: auto !important; } .ozy-video-wrapper .twitter-tweet {height: auto !important;} .ozy-header-slider, .ozy-footer-slider { width:100%; min-height: 100px; position:relative; z-index:0; } body.page-template-page-regular-blog .ozy-header-slider { max-width:1140px; margin:60px auto 60px auto; } /*protected post form*/ .post-content form.post-password-form label {font-weight:700;} .post-content form.post-password-form input { width:inherit !important; border:1px solid currentColor !important; } .post-content form.post-password-form input[type=password] { padding: 6px 10px !important; } /** * Widgets */ .flickr-widget>li { display: inline-block !important; width: auto !important; border: none !important; padding: 0 !important; } .widget li>a {text-decoration: none;} #footer-text>div { display: inline-block; float: left; } .ozy-latest-posts { display: inline-block; clear: both; } .ozy-latest-posts>a { position: relative; display: inline-block; width: 48%; overflow:auto; margin-bottom: 12px; float: left; text-transform: uppercase; font-weight: 700; border-radius:3px; } .ozy-latest-posts>a:hover>span { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100) } .ozy-latest-posts>a>span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; transition: color .4s; -webkit-transition: color .4s; -moz-transition: color .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-latest-posts>a:nth-child(odd){float:left;} .ozy-latest-posts>a:nth-child(even){float:right;} .ozy-latest-posts>a>img { display: block; width: 100%; height: auto; } .ozy-latest-posts-with-thumbs>li>a>span>small, .ozy-simple-latest-posts>li>small {display: block;} .ozy-latest-posts-with-thumbs>li { list-style: none; border-width:1px !important; border-color:transparent !important; } .ozy-latest-posts-with-thumbs>li>a{ display:table; width: 100%; } .ozy-simple-latest-posts>li>a, .ozy-latest-posts-with-thumbs>li>a {text-transform:uppercase;} .ozy-latest-posts-with-thumbs>li>a>img { width: 100px !important; max-width: none !important; height: auto; float: left; border-radius:3px; } .ozy-latest-posts-with-thumbs>li>a>span { vertical-align: top;/*middle*/ display: table-cell; width: 100%; padding-left: 15px; } .tagcloud>a { text-decoration: none; padding: 5px 10px; display: inline-block; margin-bottom: 4px; font-size: 80%; } .widget li>span.post-date { /*classic recent posts widget*/ display: block; font-size: 80%; } .widget ul ul { /*classic custom menu widget and rest*/ margin-left: 10px !important; } .widget ul ul li a { padding-left:20px !important; position:relative; } .widget ul ul li a:before { position:absolute; left:0; top:50%; transform:translateY(-50%); top:10px; content:''; display:inline-block; height:2px; width:10px; background-color:currentColor; } .widget ul.menu li a>i { margin-left: 0 !important; margin-right: 5px !important; } .widget ul.menu li.current-menu-item>a { font-weight:500; } .widget ul.menu li .dropdown-menu { padding-top: 0 !important; } .widget ul.menu li a>i, .widget ul.menu li[class^="oic-"]:before { padding-right: 6px; vertical-align: middle; } .ozy-twitter-widget { margin:0 auto; max-width:415px; cursor:default; } .ozy-twitter-widget a.heading-font { display:inline-block; padding-top:30px; } .ozy-twitter-widget-icon { text-decoration:none !important; display:inline-block; padding-bottom:15px; } .ozy-twitter-widget-icon>span { text-decoration:none !important; font-size:62px !important; } .ozy-motto-widget { padding-left:45px; margin-top: 10px; } .ozy-motto-widget br { margin-bottom:0 !important; } .ozy-motto-widget h4 { font-size:30px !important; font-weight:900 !important; line-height:1em !important; font-style:italic; } .ozy-motto-widget:before { position:absolute; left:30px; content:''; width:15px; height:calc(100% - 115px); background-color:currentColor; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); } /* generics */ .widget br{ content: ' '; display:block; margin-bottom:.5em; } .widget img{ max-width:100%; height:inherit; } .widget select {width: 100%;max-width:100%;} .widget>ul>li>a.rsswidget{ display:inline-block; width:100%; font-weight:700; } .widget>ul>li>div.rssSummary{ border-top:1px solid #dedede; margin-top:10px; padding-top:10px; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px;text-align:center; } #wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding:8px 0;} #wp-calendar tbody td:hover { background: #fff;color:#000 } #wp-calendar tbody .pad,#wp-calendar tbody .pad:hover { background: none;border:none !important; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /** * Contact Form 7 */ .ozy-wide-box {width:100%;} .wpcf7>form>p{display:inline-block} #content .wpcf7-form>p { padding-top:.25em; padding-bottom:.25em; } /** * Revolution Slider */ .wpb_revslider_element ul, .wpb_revslider_element ol { padding-left:0 !important; } /** * CSS3 Waypoint Animations */ .ozy-waypoint-animate { opacity: 0; } .ozy-start-animation.ozy-appear { animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -webkit-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity:1; } @-webkit-keyframes ozy-appear { 0%{-webkit-transform:translate(0, -10%); opacity:0;} 100%{-webkit-transform:translate(0, 0); opacity:1;} } @-moz-keyframes ozy-appear { 0%{-moz-transform:translate(0, -10%); opacity:0;} 100%{-moz-transform:translate(0, 0); opacity:1;} } @-o-keyframes ozy-appear { 0%{-o-transform:translate(0, -10%); opacity:0;} 100%{-o-transform:translate(0, 0); opacity:1;} } @keyframes ozy-appear { 0%{transform:translate(0, -10%); opacity:0;} 100%{transform:translate(0, 0); opacity:1;} } .ozy-start-animation.ozy-fade-appear { animation:ozy-fade-appear; -webkit-animation:ozy-fade-appear; -moz-animation:ozy-fade-appear; -o-animation:ozy-fade-appear; opacity:1; } @-webkit-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-moz-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-o-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } /* * Page Centered Content & Parallax Stuff */ #content.no-vc, body.single-post #content { max-width: 1600px; padding-bottom:35px; } #page-title-wrapper>div { padding-left: 36px; padding-right: 36px; } .ozy-page-model-no-sidebar.ozy-page-model-full #main>.container { width: 100%; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left: 36px;} .ozy-page-model-has-sidebar #main>.container>#content {float: left;} .ozy-page-model-full #main>.container>#content, .ozy-page-model-full #footer-widget-bar>.widget-container, .ozy-page-model-full #footer>footer>.container, .ozy-page-model-full #footer-widget-bar>.container {margin: 0 auto;} .ozy-page-model-full #footer-widget-bar, .ozy-page-model-full #footer {width: 100%;} .ozy-custom-fullheight-row { overflow: hidden; padding: 0 !important; } @media only screen and (min-width: 768px) { #main>.container.left-sidebar .wpb_row, #main>.container.right-sidebar .wpb_row { max-width:100%; left:inherit !important; } } @media only screen and (max-width: 768px) { /*479*/ .ozy-page-model-full #content .page-content>.wpb_row { padding-left:0 !important; padding-right:0 !important; } } .ozy-page-model-full #page-title-wrapper>div { max-width: 1600px; margin-left: auto; margin-right: auto; } #content.no-vc {max-width:100%;} body.single #content.no-vc {max-width: 1528px;} .ozy-page-model-boxed #main { position: relative; max-width:1600px; margin-left:auto; margin-right:auto; } .zoom.wpb_single_image>div>img, .zoom.wpb_single_image>div>a>img { max-width:100%; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .zoom.wpb_single_image>div:hover>a>img, .zoom.wpb_single_image>div:hover>img, .ozy-image-with-caption:hover>figure>img, .ozy-fancyimagebox:hover>img { -moz-transform:scale(1.3) rotate(-10deg); -webkit-transform:scale(1.3) rotate(-10deg); -o-transform:scale(1.3) rotate(-10deg); transform:scale(1.3) rotate(-10deg); } /** * Language Switcher */ .lang-switcher { cursor:pointer; } .lang-switcher-dropdown { position: fixed; top:40px; right:40px; width:60px; max-height:0; background-color:#fff; z-index:10; text-align:left; text-transform: uppercase; overflow:hidden; -webkit-box-shadow: -2px 2px 0px 0px rgba(0,0,0,0.20); -moz-box-shadow: -2px 2px 0px 0px rgba(0,0,0,0.20); box-shadow: -2px 2px 0px 0px rgba(0,0,0,0.20); transition: max-height 500ms cubic-bezier(1.000, 0.005, 0.165, 1.000); transition-timing-function: cubic-bezier(1.000, 0.005, 0.165, 1.000); } body.no-frame-border .lang-switcher-dropdown { right: 20px; } .lang-switcher-dropdown.open { max-height:150px; } .lang-switcher-dropdown>a { display:block; padding-left:30px; font-size: 11px; line-height: 22px; color:currentColor; } .lang-switcher-dropdown>a:first-child {padding-top:10px;} .lang-switcher-dropdown>a:last-child {padding-bottom:10px;} /* * Logo & Menu Stuff */ nav.navbar .container { width:100% !important; margin:0 auto !important; } .navbar-brand > img { /*center logo inside*/ margin: 0 auto; max-height:100%; } .top-info-bar { background-color:#dedede; position:fixed; top:0; left:40px; right:40px; height:40px; line-height:40px !important; z-index:9; -webkit-transition: all .4s; transition: all .4s; } body.no-frame-border .top-info-bar { left: 0; right: 0; padding-left: 20px; padding-right: 20px; } body:not(.ozy-alternate-menu) .top-info-bar { -webkit-box-shadow: 0px 10px 151px 80px rgba(0,0,0,0.4); /*80px replaced from 120px*/ -moz-box-shadow: 0px 10px 151px 80px rgba(0,0,0,0.4); box-shadow: 0px 10px 151px 80px rgba(0,0,0,0.4); } body.admin-bar .top-info-bar {top:32px;} .top-info-bar>div { width:50%; float:left; } .top-info-bar>div:last-child { text-align:right; float:right; } .top-info-bar>div>span { position:relative; padding:0 10px 0 20px; font-size:11px; } .top-info-bar>div>span:last-child { padding-right:0; } .top-info-bar>div>span.lang-switcher {padding-left:30px; text-transform: uppercase;} .top-info-bar>div>span.lang-switcher>i {padding-left:5px;} .top-info-bar>div>span:before { position:absolute; content:''; width:10px; height:2px; margin-left:-20px; top:50%; transform:translateY(-50%); background-color:currentColor; } .top-info-bar>div>span.lang-switcher.open>i { transform: rotate(-180deg); padding-left:0; padding-right: 5px; } .media-menu-image { max-width:100%; } .media-menu-title { position:absolute; padding-left:40px; font-size:16px; font-weight:900; } .media-menu-title:before { content:''; position:absolute; width:30px; height:2px; background-color:currentColor; left:0; top:50%; transform:translateY(-50%); } @media only screen and (max-width: 736px) { nav.navbar {width:100%;} .top-info-bar { left:0; right:0; padding-left: 10px; padding-right: 10px; } .top-info-bar>div:first-child {display:none;} .top-info-bar>div {width:100%;} .top-info-bar>div:last-child { text-align:inherit; float:none; } .top-info-bar>div>span.lang-switcher {float: right;} .lang-switcher-dropdown {right:5px !important;} } @media (min-width: 768px) { nav.navbar { position:fixed; left:40px; right:40px; width:auto; } } /* Custom Menu CSS definitions for possible small resolution computers */ @media (max-width: 1440px) { nav.navbar {padding:0 35px 0 10px !important;/*0 10px !important;*/} body.ozy-alternate-menu ul.navbar-nav>li>a>span, ul.navbar-nav>li>a>span {padding: 10px 15px 10px 10px !important;} ul.navbar-nav>li:hover>a>span>span {width:calc(100% - 30px) !important;} } /*Custom Menu CSS ... END*/ @media (min-width: 1025px) { nav.navbar { position:fixed; left:40px; right:40px; margin-top:20px; margin-bottom:20px; padding:0 130px 0 90px; } body.no-frame-border nav.navbar { left: 0; right: 0; } body.ozy-alternate-menu nav.navbar.bootsnav { margin-top: 0; margin-bottom: 0; } body.no-top-info-bar.ozy-alternate-menu nav.navbar.bootsnav { top: 0; } body.admin-bar.no-top-info-bar.ozy-alternate-menu nav.navbar.bootsnav { top: 32px; } nav.navbar .navbar-brand {margin-top: 0;} nav.navbar .navbar-brand img {transition:all .3s cubic-bezier(0.230, 1.000, 0.320, 1.000);} /* Navbar Center */ nav.navbar-center .navbar-brand {margin: 0 !important;} nav.navbar.bootsnav ul.nav > li > a { position:relative; z-index:1001; padding: 0px 0px !important; } .navbar-brand {padding:0 !important;} ul.navbar-nav>li>a>span { position:relative; display:block; padding:20px 30px 15px 30px; line-height:normal; } ul.navbar-nav>li>a>span>span { position:absolute; width:0; left:50%; bottom:0; height:2px; line-height:normal; border-bottom:2px solid #000; transition:all .2s ease; transform:translateX(-50%); } ul.navbar-nav>li:hover>a>span>span {width:calc(100% - 60px);} ul.navbar-nav>li.dropdown>a>span { border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; } ul.navbar-nav>li:not(.dropdown)>a>span { border-left:1px solid transparent !important; border-right:1px solid transparent !important; border-top:1px solid transparent !important; } body.ozy-alternate-menu ul.navbar-nav>li.dropdown>a>span {border-bottom:1px solid transparent;} body.ozy-alternate-menu ul.navbar-nav>li>a>span {padding:19px 30px 19px 30px;} body.ozy-alternate-menu nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{margin-top: -30px !important;} nav.navbar.bootsnav .dropdown-submenu h4 { position:relative; font-size:120% !important; margin-bottom:15px; padding-left:20px; } nav.navbar.bootsnav .dropdown-submenu h4:before { position: absolute; content: ''; width: 10px; height: 2px; margin-left: -20px; top: 50%; transform: translateY(-50.1%); background-color: currentColor; } } body.no-top-info-bar .top-info-bar { display: none !important; } @media (max-width: 1025px) { /* Navbar General */ nav.navbar .navbar-brand{ margin-top: 40px; position: relative; padding:0; } nav.navbar { position:fixed; top:40px; padding: 0 !important; } body.no-top-info-bar nav.navbar { top: 0; } body.admin-bar.no-top-info-bar nav.navbar { top: 46px; } div.navbar-collapse .dropdown>ul {padding:10px;} div.navbar-collapse .dropdown>ul li {list-style:none;} #search-overlay form #search { font-size: 30px; line-height: 50px; } #search-overlay form a {top: -20px;} nav.navbar .navbar-brand img.logo:first-child {display:none;} .attr-nav > ul > li > a {padding: 16px 0 0;} /* Navbar Mobile slide */ nav.navbar.navbar-mobile ul.nav > li > a {padding: 15px 15px;} nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{ padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ padding-top: 13px !important; padding-bottom: 13px !important; } /* Navbar Full */ nav.navbar-full .navbar-brand{ top: 0; padding-top: 10px; } } /** * Gutenberg */ ul.wp-block-gallery { padding-left: 0!important; } blockquote.wp-block-quote.is-large:before { top: 0px; left: 5px; font-size: 24px; } /***************************** * Visual Composer Components * ******************************/ /** * Media Grid */ @media only screen and (max-width: 479px) { .wpb_image_grid .wpb_image_grid_ul .isotope-item{ transform: translateX(20%); } } /* prettyphoto fix */ div.pp_overlay { position:fixed !important; } /** * Fancy Hover Image Box */ .fancy-hover-box { margin: 0 auto; text-align: center; width: 100%; min-height: 100%; text-align: center; position: relative; margin: 0 auto; display: block; overflow: hidden; background-color: black; } .fancy-hover-box .name { text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; letter-spacing: .1em; position: absolute; display: block; top:50%; left: 0; transform:translate(0, -50%); text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 2; width: 100%; padding: 0 18%; } .fancy-hover-box .name .title { display: block; text-transform: none; font-size: 16px; padding-top:15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } .fancy-hover-box:hover .name { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1, 1) translate(0, -50%); -ms-transform: scale(1, 1) translate(0, -50%); -webkit-transform: scale(1, 1) translate(0, -50%); transform: scale(1, 1) translate(0, -50%); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .fancy-hover-box:hover .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .fancy-hover-box:hover img { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-position: top top; -webkit-filter: grayscale(0.4) blur(2px); filter: grayscale(0.4) blur(2px); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .fancy-hover-box:hover:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .fancy-hover-box img { display: block; width:100%; margin: 0 auto; text-align: center; -moz-transform: scale(1.09, 1.09); -ms-transform: scale(1.09, 1.09); -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } /** * Floral Divider */ .ozy-floral-divider { clear:both; width:100%; } .ozy-floral-divider.align-center {margin:0 auto;} .ozy-floral-divider.align-left {float:left;} .ozy-floral-divider.align-right {float:right;} /** * Call to Action With Image */ .callbox-with-image { position:relative; height:100vh; min-height:300px; padding:0 10%; overflow:hidden; } .callbox-with-image>.background-image, .callbox-with-image>a { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition: background .2s; transition: background .2s; } .callbox-with-image:not(.overlay-no):hover>a {background-color:rgba(0,0,0,.5);} .callbox-with-image>.background-image { background-size:cover; background-position: center center; -webkit-transition: all .8s; transition: all .8s; } .callbox-with-image:hover>.background-image, .callbox-with-image.hover>.background-image { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .callbox-with-image>a>div { position:absolute; width:100%; top:50%; padding:0 50px; text-align:center; transform:translateY(-50%); } .callbox-with-image>a>div.left {text-align:left;} .callbox-with-image>a>div.right {text-align:right;} .callbox-with-image>a>div>h2 { font-size:50px !important; line-height:54px !important; font-weight:900 !important; margin-bottom:20px !important; } .callbox-with-image>a>div>span { border-bottom:1px solid currentColor; font-weight:600; } /** * Bottom Arrow */ .vc_row.has-bottom-arrow { padding-bottom:130px; } #row-bottom-arrow-wrapper { display: table; position:absolute; left: 50%; bottom:10px; transform: translateX(-50%); z-index:1; } #row-bottom-arrow-wrapper-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } #row-bottom-arrow-scroll-down { display: block; position: relative; padding-top: 79px; text-align: center; } .row-bottom-arrow-arrow-down { display: block; margin: 0 auto; width: 10px; height: 38px; } .row-bottom-arrow-arrow-down:after { content: ''; display: block; margin: 0; padding: 0; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; behavior: url(-ms-transform.htc); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #row-bottom-arrow-scroll-title { display: block; text-transform: uppercase; color: currentColor; font-size: 14px; font-weight: bold; letter-spacing: .1em; } #row-bottom-arrow-scroll-down::before { -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; position: absolute; top: -3px; left: 50%; margin-left: -2px; width: 2px; height: 90px; background: currentColor; content: ' '; } @-webkit-keyframes elasticus{0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}}@-moz-keyframes elasticus{0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}}@-o-keyframes elasticus{0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}}@keyframes elasticus{0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}} /** * Music Player */ #music-play{display:none;} @media only screen and (min-width: 768px) { #music-play { display:block; position:absolute; left:40px; bottom:2px; transition:opacity .5s ease; } #music-play[data-stopped="true"] {opacity:.5; } #music-play:hover { opacity:1; } #music-play>svg { width:24px; height:24px; } #music-play>span { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); font-size:10px; font-weight:900 !important; } } /** * YouTube Embed */ .oytb-videoWrapper { position: relative; width: 100%; height: 0; margin:0 auto; background-color: #000; } .oytb-videoWrapper43 {padding-top: 75%;} .oytb-videoWrapper169 {padding-top: 56%;} .oytb-videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .oytb-videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none; background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .oytb-videoWrapperActive .oytb-videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } [id^="oyoutubeembed-"] {position:relative;} .oytb-video-StopButton { display: none; position: absolute; right: -12px; top: 0; border: none; width: 24px; height: 24px; cursor:pointer; font-family: cursive; font-size: 12px !important; text-decoration: none; line-height: 22px; padding-left: 8px !important; } .oytb-video-StopButton:hover {opacity:.8;} @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .stroke-dotted { opacity: 0; stroke-dasharray: 4,5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; } .stroke-solid { stroke-dashoffset: 0; stroke-dashArray: 300; stroke-width: 4px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; } .oytb-videoWrapper .icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; } #play:hover .stroke-dotted { stroke-width: 4px; opacity: 1; } #play:hover .stroke-solid { opacity: 0; stroke-dashoffset: 300; } #play:hover .icon { -webkit-transform: scale(1.05); transform: scale(1.05); } #play { cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } /** * Background Self Hosted Video */ .vc_row.has-bg-video>video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } /** * Icon Wrapper */ .ozy-icon-wrapper { display:table; margin:0 auto; } .ozy-icon-wrapper>span {padding-right:10px;} .ozy-icon-wrapper>span, .ozy-icon-wrapper>div { display:inline-block; margin-bottom:0; vertical-align: middle; } .ozy-icon-wrapper .vc_icon_element-icon, .ozy-icon-wrapper .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner, .ozy-icon-wrapper .vc_icon_element-icon:before, .ozy-icon-wrapper .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner:before, .ozy-icon-wrapper .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon { font-size: 1.1em !important; } .ozy-icon-wrapper .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { width: 2.8em !important; height: 2.8em !important; } /** * Vertical Divider */ .ozy-vertical_divider { position:relative; text-align:center; padding:80px 0; } .ozy-vertical_divider>span {color:currentColor;} .ozy-vertical_divider>span:before, .ozy-vertical_divider>span:after { position:absolute; display:inline-block; content:''; top:-10px; left:50%; height:80px; width:1px; background-color:currentColor; transform: translateX(-50%); filter: blur(0); -webkit-filter: blur(0); } .ozy-vertical_divider>span:after { top:inherit; bottom:-10px; } .ozy-vertical_divider>span:empty:before {top:0;} .ozy-vertical_divider>span:empty:after {bottom:0;} /** * Title With Icon */ .title-with-icon-wrapper { margin-bottom:10px; word-break: break-all; } .title-with-icon-wrapper.connected { position: relative; margin-bottom: 35px; } .title-with-icon-wrapper .title-with-icon span { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .title-with-icon-wrapper.connected:before { content: ''; width: 0px; height: auto; border-left: 1px solid #222222; position: absolute; left: 25px; top: 50px; bottom: -36px; } .title-with-icon-wrapper.connected:last-child {margin-bottom: 0;} .title-with-icon-wrapper.connected:last-child:before {display: none;} .title-with-icon-wrapper.connected.large:before { left: 40px; top: 80px; } .title-with-icon-wrapper.connected.xlarge:before { left: 60px; top: 120px; } .title-with-icon-wrapper.connected.xxlarge:before { left: 90px; top: 180px; } .title-with-icon-wrapper.connected.xxxlarge:before { left: 128px; top: 256px; } .title-with-icon-wrapper>.title-with-icon {margin-bottom: 0 !important;} .title-with-icon-wrapper>.top-cs.title-with-icon-content { text-align: center; padding-left: 20px; padding-right: 20px; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.medium {padding-left: 65px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.large {padding-left: 95px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xlarge {padding-left: 135px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxlarge {padding-left: 195px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxxlarge{padding-left: 271px;} .title-with-icon-wrapper>.right-cs.title-with-icon-content{ text-align:right; padding-left: 20px; padding-right: 20px; } .title-with-icon-wrapper>.right-cs.title-with-icon-content.medium {padding-right: 65px;} .title-with-icon-wrapper>.right-cs.title-with-icon-content.large {padding-right: 95px;} .title-with-icon-wrapper>.right-cs.title-with-icon-content.xlarge {padding-right: 135px;} .title-with-icon-wrapper>.right-cs.title-with-icon-content.xxlarge {padding-right: 195px;} .title-with-icon-wrapper>.right-cs.title-with-icon-content.xxxlarge{padding-right: 271px;} .title-with-icon { display:table !important; cursor:default; width:100%; } .title-with-icon.top-style { text-align:center !important; width:100%; } .title-with-icon>span,.title-with-icon>h1,.title-with-icon>h2,.title-with-icon>h3,.title-with-icon>h4,.title-with-icon>h5,.title-with-icon>h6 { display:table-cell; vertical-align:middle !important; border-left:15px solid transparent; width:100%; } /*to use only icon*/ .title-with-icon.top-style>span {border-left:0;} .title-with-icon.right-style>span,.title-with-icon.right-style>h1,.title-with-icon.right-style>h2,.title-with-icon.right-style>h3,.title-with-icon.right-style>h4,.title-with-icon.right-style>h5,.title-with-icon.right-style>h6 { display:table-cell; vertical-align:middle !important; border-left:none; border-right:15px solid transparent; } .title-with-icon>h1>a,.title-with-icon>h2>a,.title-with-icon>h3>a,.title-with-icon>h4>a,.title-with-icon>h5>a,.title-with-icon>h6>a{text-decoration:none;} .title-with-icon>h1.no-icon, .title-with-icon>h2.no-icon, .title-with-icon>h3.no-icon, .title-with-icon>h4.no-icon, .title-with-icon>h5.no-icon, .title-with-icon>h6.no-icon {border-left:none !important;} .title-with-icon.top-style>h1,.title-with-icon.top-style>h2,.title-with-icon.top-style>h3,.title-with-icon.top-style>h4,.title-with-icon.top-style>h5,.title-with-icon.top-style>h6 { display:block !important; float:none !important; border-left:none !important; } .title-with-icon.right-style>h1,.title-with-icon.right-style>h2,.title-with-icon.right-style>h3,.title-with-icon.right-style>h4,.title-with-icon.right-style>h5,.title-with-icon.right-style>h6 { border-left:none !important; text-align:right; width:100%; } .title-with-icon.top-style>span:after, .title-with-icon.top-style>a>span:after { display:table !important; clear:both !important; content:'' !important; } .title-with-icon.top-style>span, .title-with-icon.top-style>a>span, .title-with-icon.right-style>span, .title-with-icon.right-style>a>span { margin-right:0px !important; float:none !important; display:block !important; margin:0 auto 5px auto !important; text-decoration: none !important; } .title-with-icon.right-style>span, .title-with-icon.right-style>a {float:right !important;} .title-with-icon.top-style>a {text-decoration: none !important;} .title-with-icon>span.medium,.title-with-icon>span.large,.title-with-icon>span.xlarge,.title-with-icon>span.xxlarge,.title-with-icon>span.xxxlarge,.title-with-icon>a>span.medium, .title-with-icon>a>span.large,.title-with-icon>a>span.xlarge,.title-with-icon>a>span.xxlarge,.title-with-icon>a>span.xxxlarge { width:50px; height:50px; line-height:56px !important; font-size:16px !important; text-align:center; display:inline-block !important; background-image:none !important; text-decoration:none !important; } .title-with-icon>span.large,.title-with-icon>a>span.large { width:80px; height:80px; line-height:90px !important; font-size:50px !important; } .title-with-icon>span.xlarge,.title-with-icon>a>span.xlarge { width:110px; height:110px; line-height:114px !important; font-size:50px !important; } .title-with-icon>span.xxlarge,.title-with-icon>a>span.xxlarge { width:180px; height:180px; line-height:200px !important; font-size:78px !important; } .title-with-icon>span.xxxlarge,.title-with-icon>a>span.xxxlarge { width:256px; height:256px; line-height:294px !important; font-size:128px !important; } .title-with-icon>span.rounded, .title-with-icon>a>span.rounded {border-bottom:none !important;} .title-with-icon>span.medium.rounded,.title-with-icon>a>span.medium.rounded, .title-with-icon>span.large.rounded,.title-with-icon>a>span.large.rounded, .title-with-icon>span.xlarge.rounded,.title-with-icon>a>span.xlarge.rounded, .title-with-icon>span.xxlarge.rounded,.title-with-icon>a>span.xxlarge.rounded, .title-with-icon>span.xxxlarge.rounded,.title-with-icon>a>span.xxxlarge.rounded, .title-with-icon>span.circle,.title-with-icon>a>span.circle { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .title-with-icon>span.rounded, .title-with-icon>span.rectangle, .title-with-icon>span.circle {overflow: hidden;} .title-with-icon>a>span.circle, .title-with-icon>span.circle {border:1px solid #dedede;} /** * Divider */ .ozy-content-divider { clear: both; } .ozy-divider-cap-left, .ozy-divider-cap-right, .ozy-divider-cap-center {clear: both;} .ozy-content-divider { position:relative; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; } .ozy-content-divider legend { font-weight: 400; font-size: 140%; } .ozy-content-divider legend.dcenter {padding: 0 18px 0 18px;} .ozy-content-divider legend.dleft {padding: 0 18px 0 0;} .ozy-content-divider legend.dright {padding: 0 0 0 18px;} h1.ozy-divider-cap-center, h2.ozy-divider-cap-center, h3.ozy-divider-cap-center, h4.ozy-divider-cap-center, h5.ozy-divider-cap-center, h6.ozy-divider-cap-center {margin:0;text-align: center;} h1.ozy-divider-cap-right, h2.ozy-divider-cap-right, h3.ozy-divider-cap-right, h4.ozy-divider-cap-right, h5.ozy-divider-cap-right, h6.ozy-divider-cap-right {margin:0;text-align: right;} h1.ozy-divider-cap-left, h2.ozy-divider-cap-left, h3.ozy-divider-cap-left, h4.ozy-divider-cap-left, h5.ozy-divider-cap-left, h6.ozy-divider-cap-left {margin:0;text-align: left;} /** * Count To */ .ozy-counter>.timer { font-size: 57px; font-weight: bold; line-height: 57px; text-align: center; } .ozy-counter>span { display: block; font-size: 13px; text-align: center; } .ozy-counter>.hr { display: block; margin: 20px auto; width: 30px; height: 1px; background-color: #000; } /** * Team Member */ .ozy-team_member figure { margin: 0; position: relative; } .ozy-team_member figure img { max-width: 100%; display: block; position: relative; cursor:pointer; } .ozy-team_member figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #222222; } .ozy-team_member figcaption h3 { font-size: 19px !important; font-weight: 700 !important; } .ozy-team_member figcaption h5 {font-size: 14px !important;} .ozy-team_member figcaption p {font-size: 12px !important;} .ozy-team_member figcaption h3, .ozy-team_member figcaption p { margin: 0; padding: 0; color: #fff !important; } .ozy-team_member figure {overflow: hidden;} .ozy-team_member figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /*.no-touch */ .ozy-team_member figure:hover img, .ozy-team_member figure.hover img { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .ozy-team_member figcaption { height: 200px; width: 100%; top: auto; bottom: 0; opacity: 0; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -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; } /*.no-touch */ .ozy-team_member figure:hover figcaption, .ozy-team_member figure.hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -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; } .ozy-team_member figure figcaption>div {margin-top: 10px;} .ozy-team_member figure figcaption>div>a { padding: 0 5px; text-decoration: none !important; } .ozy-team_member figure figcaption>div>a>span { font-size: 24px !important; color: #fff !important; filter: alpha(opacity=0.6); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all .4s; transition: all .4s; } .ozy-team_member figure figcaption>div>a:hover>span { filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff !important; } .ozy-team_member .extended-content{display:none;} .team-member-lightbox-table { width:100%; background-color:#000; } .team-member-lightbox-table td { width:50%; vertical-align:top; background-repeat:no-repeat; background-position: center center; background-size:cover; } .team-member-lightbox-table td:last-child {padding:40px;} .team-member-lightbox-table td img { max-width: 470px; width:100%; height: auto; } .team-member-lightbox-table td, .team-member-lightbox-table h2 {color:#fff;} .team-member-lightbox-table h2 {padding-bottom:30px;} .lightbox-book-me-now { display:table; border-radius:30px; background-color:transparent!important; border-width:2px!important; border-style:solid; padding:5px 15px; margin-top:30px; font-size:12px; text-decoration:none !important; } /** * Fancy Post Accordion */ .ozy-fancyaccordion-feed td, .ozy-fancyaccordion-feed td div {position:relative;} .ozy-fancyaccordion-feed tr.excerpt td, .ozy-fancyaccordion-feed tr.excerpt td div {display:none;} .ozy-fancyaccordion-feed tr.title {cursor:pointer;} .ozy-fancyaccordion-feed tr.title td:first-child {width:25%;} .ozy-fancyaccordion-feed tr.title td:first-child, .ozy-fancyaccordion-feed tr.excerpt td:first-child { padding-left:40px !important; padding-right:40px !important; text-align:right; font-size: 16px; border-left:none !important; } .ozy-fancyaccordion-feed tr.title td:first-child span { float:left; padding:5px 25px; font-size:11px; letter-spacing:2px; text-transform:uppercase; border:none !important; } .ozy-fancyaccordion-feed tr.title td:last-child, .ozy-fancyaccordion-feed tr.excerpt td:last-child { padding-right:40px !important; padding-left:20px !important; border-right:none !important; } .ozy-fancyaccordion-feed tr.excerpt td:last-child>div { padding-top:20px !important; padding-bottom:20px !important; } .ozy-fancyaccordion-feed tr.excerpt td:last-child p>a { display:inline-block; border:1px solid #dedede; margin-top:20px; padding:4px 20px 0 20px; font-size:11px; font-weight:700; } span.plus-icon { position:absolute;; display:block; width:16px; height:16px; top:50%; right:40px; margin-top:-8px; } span.plus-icon>span { position:absolute; background-color:#000; width:16px; height:16px; } span.plus-icon>.v { width:4px; left:50%; top:50%; margin-top:-8px; margin-left:-2px; transition:all .3s ease-in; } span.plus-icon>.h { height:4px; top:50%; margin-top:-2px; } .ozy-fancyaccordion-feed tr.title.open span.plus-icon>.v { margin:0; height:0; } .ozy-fancyaccordion-feed .category-mobile { display: none; } @media only screen and (max-width: 479px) { .ozy-fancyaccordion-feed .category-mobile { display: block; margin-bottom: 10px;; } .ozy-fancyaccordion-feed .category-mobile .category.generic-button { display: inline-block; margin-top: 5px;; padding: 2px 5px; } .ozy-fancyaccordion-feed td.heading-font { display: none; } .ozy-fancyaccordion-feed tr.excerpt>td:first-child { display: none !important; } #content table th, #content table td { border-right: 1px solid #dedede !important; } } /** * Call To Action Box */ .ozy-call-to-action-box { position:relative; background-size:cover; background-position:center center; } .ozy-call-to-action-box img{display:block;} .ozy-call-to-action-box>div.overlay-wrapper{ position:absolute; width:100%; bottom:60px; padding:90px 20px 20px 20px; text-align:center; z-index:1; } .ozy-call-to-action-box>div.overlay-wrapper>span { display:block; margin:0 auto 30px auto; height:0; width:60px; border-bottom-width:2px; border-bottom-style:solid; -webkit-transition: all .4s; transition: all .4s; } .ozy-call-to-action-box:hover>div.overlay-wrapper {padding:50px 20px 60px 20px;} .ozy-call-to-action-box>div.shadow-wrapper{opacity:.5} .ozy-call-to-action-box:hover>div.shadow-wrapper{opacity:1} .ozy-call-to-action-box:hover>div.overlay-wrapper>span {width:120px;} .ozy-call-to-action-box>div.overlay-wrapper>h2{ padding-bottom:20px; font-weight:700; } @media only screen and (min-width: 900px) { .ozy-call-to-action-box>div.overlay-wrapper>h2{ padding-left: 15%; padding-right: 15%; } } .ozy-call-to-action-box>div.overlay-wrapper>a { display:inline-block; padding:8px 20px; font-size:14px; border:2px solid #fff; text-decoration:none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ozy-call-to-action-box>div.overlay-wrapper>i { display:block; color:#fff; font-size:50px; padding-bottom:30px; } .ozy-call-to-action-box>div.shadow-wrapper, .ozy-call-to-action-box>div.overlay-wrapper{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ozy-call-to-action-box>div.shadow-wrapper { position:absolute; width:100%; height:100%; top:0; left:0; background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.85) 20%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.85) 20%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.85) 20%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } /** * Pricing Table */ .ozy-price-table { border-width:1px; border-style:solid; text-align:center; } .ozy-price-table>h1, .ozy-price-table>h2, .ozy-price-table>h3, .ozy-price-table>h4, .ozy-price-table>h5, .ozy-price-table>h6 { border-bottom-width:1px; border-bottom-style:solid; text-align:center; padding:5px 0 5px 0; } .ozy-price-table>div {padding:10px;} .ozy-price-table>span { display:inline-block; width:100%; border-top-width:1px; border-top-style:solid; font-size:45px; line-height:65px; font-weight:500; } /** * Custom Google Map */ .gmap-infobox-wrapper {display:none;} #gmap-infobox { background:#000; color:#FFF; padding:30px; } [data-icon]:before{display:none;} /** * Image / Video Box */ .ozy-image_video_box { position:relative; min-height:480px; background-size:cover; overflow:hidden; cursor: pointer; } .ozy-image_video_box svg { position:absolute; width:45px; height:20px; bottom:40px; -webkit-transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); } .ozy-image_video_box:not(.no-hover) svg {right:110%;} .ozy-image_video_box.no-hover svg, .ozy-image_video_box:hover svg, .ozy-image_video_box:active svg, .ozy-image_video_box:focus svg, .ozy-image_video_box.hover svg {right:40px;} .ozy-image_video_box.video-box svg { width:130px; height:130px; top:50%; left:50%; opacity:1 !important; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .ozy-image_video_box.video-box.hover svg, .ozy-image_video_box.video-box:active svg, .ozy-image_video_box.video-box:focus svg, .ozy-image_video_box.video-box:hover svg {opacity:.6 !important;} .ozy-image_video_box>div.overlay { position:absolute; width:100%; height:100%; top:0; -webkit-transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); } .ozy-image_video_box:not(.no-hover)>div.overlay {left:-100%;} .ozy-image_video_box.no-hover>div.overlay {opacity:0;} .ozy-image_video_box.hover>div.overlay, .ozy-image_video_box:active>div.overlay, .ozy-image_video_box:focus>div.overlay, .ozy-image_video_box:hover>div.overlay { cursor: pointer; left:0; } .ozy-image_video_box>a.caption { display:block; position:absolute; top:35px; max-width:100%; height: 100%; padding:40px; text-decoration:none; -webkit-transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); } .ozy-image_video_box>a.caption>span { position: absolute; bottom: 75px; } .ozy-image_video_box:not(.no-hover)>a.caption { opacity:0; left:-100%; } .ozy-image_video_box.hover>a.caption, .ozy-image_video_box:active>a.caption, .ozy-image_video_box:focus>a.caption, .ozy-image_video_box:hover>a.caption { left:0; opacity:1; -webkit-transform:none; transform:none; } .ozy-image_video_box>a.caption h2:after { display:block; content:''; width:60px; height:2px; margin-top:10px; margin-bottom: 10px; background-color:currentColor; } /** * Service Box */ .ozy-service_box { position:relative; min-height:274px; margin-bottom:30px; overflow:hidden; } .ozy-service_box.box-size-tall {min-height:578px;} .ozy-service_box>div:not(.overlay):not(.caption) { position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background-size:cover; -webkit-transition: all .5s; transition: all .5s; } .ozy-service_box:hover>div:not(.overlay):not(.caption) { opacity: .6; -webkit-transform: scale(1.1,1.1) rotate(1deg); transform: scale(1.1,1.1) rotate(1deg); -webkit-transition: all 3s; transition: all 3s; } .ozy-service_box:before { content:''; position:absolute; top:10px; left:10px; right:10px; bottom:10px; border:1px solid red; opacity:.5; z-index:1; -webkit-transition: all .3s ease; transition: all .3s ease; } .ozy-service_box:hover:before { border-width:3px; background-color:rgba(0,0,0,.6); } .ozy-service_box>div.caption h2 { font-size:24px !important; font-weight:100 !important; line-height:30px !important; } .ozy-service_box>div.caption p { font-size:12px !important; line-height:19px !important; } .ozy-service_box>div.caption h2, .ozy-service_box>div.caption a {text-decoration:none !important;} .ozy-service_box>div.caption { position:absolute; bottom:0; padding:40px; z-index:2; -webkit-transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); } .ozy-service_box:hover>div.caption {bottom:40px;} .ozy-service_box svg { position:absolute; width:30px; height:15px; bottom:0; opacity:0; -webkit-transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); transition:all 720ms cubic-bezier(0.52, 0.01, 0.16, 1); } .ozy-service_box:hover svg {opacity:1;} /** * Blockquote Box */ .ozy-testimonial-quote { font-size: 16px; margin-top:30px; } .ozy-testimonial-quote blockquote { border: 0; margin: 0; padding: 0; background: none; color: gray; font-family: Georgia, serif; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; position: relative; z-index: 600; } .ozy-testimonial-quote blockquote:before {display:none !important;} .ozy-testimonial-quote blockquote * {box-sizing: border-box;} .ozy-testimonial-quote blockquote p { line-height: 1.4 !important; padding-left:20px !important; } .ozy-testimonial-quote blockquote p:first-child:before { content: '\201C'; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left:-16px; text-shadow: none; z-index: -300; } .ozy-testimonial-quote .img-wrapper { border-radius: 50%; display: block; width: 120px; height: 120px; position: absolute; top: -.2em; left: 0; overflow:hidden; background-size:cover; background-position:center center; } .ozy-testimonial-quote cite { display: block; font-size: .8em; margin-top:15px; padding-left:20px !important; } .ozy-testimonial-quote cite br {margin:0 !important;} .ozy-testimonial-quote cite span { font-size: 1em; font-style: normal; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .ozy-testimonial-quote {position: relative;} .ozy-testimonial-quote .ozy-quote-container.has_image {padding-left: 160px;} .ozy-testimonial-quote.right .ozy-quote-container.has_image { padding-left: 0; padding-right: 160px; } .ozy-testimonial-quote.right .img-wrapper { left: auto; right: 0; } .ozy-testimonial-quote.right cite {text-align: right;} @media only screen and (max-width: 768px) { .ozy-testimonial-quote.right .ozy-quote-container.has_image { padding-top: 20px; padding-right: 0; padding-left: 0; } .ozy-testimonial-quote .img-wrapper { top: -110px; left: 50% !important; transform: translateX(-50%); } } @media only screen and (max-width: 479px) { .ozy-testimonial-quote .ozy-quote-container.has_image {padding-left: 0;} .ozy-testimonial-quote blockquote {padding:10px !important;} .ozy-testimonial-quote blockquote p {padding-left: 0 !important;} .ozy-testimonial-quote cite {padding-left: 10px !important;} } /** * Instagram Feed */ .ozy-instagram-gallery-wrapper { position:relative; min-height:110px; } .ozy-instagram-gallery-wrapper>span { position:absolute; padding:2px 20px; background-color:#fff; left:50%; top:50%; font-size:12px; z-index: 1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } ul.ozy-instagram-gallery { display: flex; flex-wrap: wrap; justify-content: center; padding:0; overflow:hidden; text-align:center; } ul.ozy-instagram-gallery li { width:110px; list-style-type: none; } ul.ozy-instagram-gallery li.video-item { position: relative; } ul.ozy-instagram-gallery li.video-item:before { position: absolute; content: "\e37c"; font-family: "ozythemes"; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 15px; border: 1px solid currentColor; padding: 5px 10px; border-radius: 4px; z-index: 1; } ul.ozy-instagram-gallery li img{ display: block; width:100%; height: auto; } /** * Booked Appointment */ [class^="booked-"] .button {border-radius:3px;} body table.booked-calendar th .page-right, body table.booked-calendar th .page-left{top:3px;} /** * Flickity Carousel */ .flickity-carousel.carousel {margin: 0 -10px 35px -10px;} .flickity-carousel-wrapper { display:inline-block; position:relative; padding-top:35px; width:100%; } .flickity-carousel-wrapper .flickity-see-all { position:absolute; top:0; right:30px; text-decoration:none; } .flickity-carousel-wrapper .flickity-see-all:before { position:absolute; font-family: "fontAwesome"; content:"\f009"; left:-22px; font-size: 16px; } .flickity-carousel-wrapper .flickity-see-all.grid-open:before { content:"\f0db"; transform:rotate(180deg); } .flickity-carousel .carousel-cell{ width:25%; border:10px solid transparent; text-align:center; -webkit-transition:all .9s ease; transition:all .9s ease; filter: grayscale(0%); } .flickity-carousel .carousel-cell.variable {width:auto !important;} .flickity-carousel.single { margin-left: 0; margin-right: 0; } .flickity-carousel strong.single { position: absolute; left: 30px; bottom: 30px; z-index: 999; background-color: #fff; padding: 5px 20px; } .flickity-carousel.single .carousel-cell { width:100%; border:none; background-size:cover !important; } .flickity-carousel.single .carousel-cell img { visibility:hidden; } .flickity-carousel.single .carousel-cell>a { display: inline-flex; height: 100%; } .flickity-carousel .carousel-cell>a>strong { display: block; clear: both; } .flickity-carousel.item-count-3 .carousel-cell {width:33%;} .flickity-carousel.item-count-2 .carousel-cell {width:50%;} .flickity-carousel .carousel-cell>a {text-decoration:none;} .flickity-carousel:not(.single):hover .carousel-cell { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .flickity-carousel:not(.single) .carousel-cell:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } @-webkit-keyframes comeFromRight { 0% { } 100% { transform:translateX(0); } } @keyframes comeFromRight { 0% { } 100% { transform:translateX(0); } } .flickity-carousel-grid:after { content: ''; display: block; clear: both; } @media (max-width: 768px) { .flickity-carousel .carousel-cell {width:100%;} } /** * Flickity Testimonial Slider */ .testimonial { text-align: center; max-width:100%; margin: 20px auto 40px auto; padding: 0 20px; } @media (min-width: 768px) { .testimonial {padding: 0 15%;} } .testimonial-quote { display: block; padding: 10px 0; font-weight:100; font-size:20px; } .testimonial-author { display: block; font-weight: 800; font-size:22px; } /** * Custom List */ .ozy-custom-list ul { list-style:none; list-style-type:none; } .ozy-custom-list ul ul {margin-left:34px;} .ozy-custom-list ul li>i {padding-right:15px;} .ozy-custom-list ul li>i:before {vertical-align: middle;} .ozy-custom-list p:empty {display:none;} /** * Cookie Notice */ #ozy-cookie_notice_banner { display: none; position: fixed; top: auto; left: 0; right: 0; bottom: -300px; padding: 20px 15%; font-family: "serif", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman"; font-size: 13px; letter-spacing: .8px; text-align: justify; z-index: 99; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #ozy-cookie_notice_banner>div { width: 85%; padding-right: 30px; float: left; } #ozy-cookie_notice_banner.show { display: table; } #ozy-cookie_notice_banner.in-viewport { bottom: 40px; } #ozy-cookie_notice_banner a:not(.generic-button) { color: currentColor !important; text-decoration: underline; } #ozy-cookie_notice_banner>a.generic-button { display: unset; position: absolute; top: 50%; transform: translateY(-50%); margin: 0 auto 0 auto; padding: 10px 20px; border: 1px solid currentColor !important; } @media only screen and (max-width: 768px) { #ozy-cookie_notice_banner.show { display: block; } #ozy-cookie_notice_banner>div { width: 100%; padding-right: 0; } #ozy-cookie_notice_banner>a.generic-button { position: unset; display: inline-block; top: inherit; transform: none; margin: 15px auto 0 auto; } #ozy-cookie_notice_banner.in-viewport { bottom: 0; } } /** * Visual Composer Overrides */ .vc_row{position:relative;} .wpb_widgetised_column ul{padding-left: inherit !important;} .wpb_row>.video-mask.has-bg { position: absolute; left:0; right:0; width:100%; height:100%; } .gmaps-cover { position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; z-index:1; } .vc_images_carousel .vc_carousel-control .icon-prev:before, .vc_images_carousel .vc_carousel-control .icon-next:before{top:0 !important;} .wpb_revslider_element.wpb_content_element {margin-bottom:0 !important;} /** * Counter */ .ozy-countdown { display: inline-block; width: 100%; } .ozy-countdown>.timer>div { position: relative; width: 25%; float: left; text-align: center; min-height: 255px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .ozy-countdown.style1>.timer>div { background-image: url(images/assets/countdown/botanical_frame.png); } .ozy-countdown.style2>.timer>div { background-image: url(images/assets/countdown/handdrawn_wreath.png); } .ozy-countdown.style3>.timer>div { background-image: url(images/assets/countdown/watercolor_frame.png); } .ozy-countdown.style4>.timer>div { background-image: url(images/assets/countdown/botanical_wreath.png); } .ozy-countdown>.timer>div>.time { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ozy-countdown.style2>.timer>div>.time, .ozy-countdown.style3>.timer>div>.time, .ozy-countdown.style4>.timer>div>.time { margin-top: -15px; } .ozy-countdown>.timer>div>.time>span { position: relative; bottom: -15px; font-size: 80%; font-weight:500; } .ozy-countdown>.timer>div>.time>div { font-size: 64px; line-height: 1em; font-weight: 500; } @media only screen and (max-width: 800px) { .ozy-countdown>.timer>div { width: 50%; } } @media only screen and (max-width: 479px) { .ozy-countdown>.timer>div { width: 100%; float: none; } } @media only screen and (max-width: 768px) { .vc_row { padding-left: 15px; padding-right: 15px; } } /** * Mail Chimp Widget */ #footer-widget-bar h2 { font-size:50px !important; font-weight:900 !important; } form.ns_widget_mailchimp_form { position:relative; max-width:520px; margin: 0 auto; } form.ns_widget_mailchimp_form input[type=email] { background-color:transparent !important; font-size:26px; font-weight:100 !important; border-width:1px; padding:20px 100px; border-style:solid; } form.ns_widget_mailchimp_form #mc_signup_submit { position:absolute; bottom:0; right:0; border:none !important; padding:25px 35px; font-size:12px; font: normal normal normal 30px/1 FontAwesome; } li.widget form.ns_widget_mailchimp_form input[type=email] { padding:20px !important; } .mailchimp-widget-p { font-size:20px !important; margin-top:25px; margin-bottom:25px; } form.ns_widget_mailchimp_form .error { color:red !important; padding-bottom:15px !important; } @-moz-document url-prefix() { /* FF Input Validate Red Border Issue Fix */ :invalid {box-shadow: none;} :-moz-submit-invalid {box-shadow: none;} :-moz-ui-invalid {box-shadow:none;} } /* * Portfolio Post Type */ .portfolio-single-title {padding-top:60px;} .portfolio-single-title, .portfolio-h2-title { text-align:center; padding-bottom:25px; padding-left: 10px; padding-right: 10px; } .portfolio-single-title #zigzag {width:102px;} .portfolio-single-title #zigzag path {fill:currentColor;} .portfolio-h2-title{margin-top:75px;} body.single-ozy_portfolio #content {max-width:100% !important;} @media only screen and (min-width: 900px) { body.single-ozy_portfolio #main>.container { padding-left:100px !important; padding-right:100px !important; } } /** * Row Hearts Background */ .vc_row.has-heart-bg{position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden} .vc_row.has-heart-bg .heart{position:absolute;top:-50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-m-transform:rotate(-45deg);transform:rotate(-45deg);z-index:0;} .vc_row.has-heart-bg .heart:before{position:absolute;top:-50%;left:0;display:block;content:"";width:100%;height:100%;background:inherit;border-radius:100%;} .vc_row.has-heart-bg .heart:after{position:absolute;top:0;right:-50%;display:block;content:"";width:100%;height:100%;background:inherit;border-radius:100%;} @-webkit-keyframes love {0%{top:110%}} @-moz-keyframes love {0%{top:110%}} @-ms-keyframes love {0%{top:110%}} @keyframes love {0%{top:110%}} /** * Row Kenburns slideshow */ .vc_row.has-kenburns {overflow:hidden;} @media (max-width: 479px) { .vc_row.has-kenburns { width:100% !important; left:0 !important; right:0 !important; } } /* Outer Container */ .smoothslides-fallback, .smoothslides, .smoothslides-on { position:absolute; font-size:0; line-height: 0; min-height: 40px; top:0; left:0; width:100%; height:100%; } .smoothslides-fallback { background-position:center center; background-size:cover; } /* Outer Container Background (visible while loading) */ .smoothslides {background:rgba(255,255,255,.5);} /* Hide images until loaded */ .smoothslides-fallback, .smoothslides img {display:none;} /* Loading animation keyframes */ @keyframes throb { 0% {opacity:0;transform:scale(1);} 50% {opacity:1;transform:scale(.2);} 100% {opacity:0;transform:scale(1);} } @-webkit-keyframes throb { 0% {opacity:0;-webkittransform:scale(1);} 50% {opacity:1;-webkittransform:scale(.2);} 100% {opacity:0;-webkittransform:scale(1);} } /* Loading animation */ .smoothslides:before { content:''; position: absolute; width:8px; height:8px; left:50%; top:50%; margin-left:-4px; margin-top:-4px; animation: throb 1s infinite; -webkit-animation: throb 1s infinite; } /* wrapper around all slides */ .ss-slide-stage { position: relative; overflow: hidden; /* This fixes the bug in chrome where border-radius doesn't work with overflow hidden */ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } /* wrapper around each slide */ .ss-slide { position: absolute; top:0; left:0; transform-origin:center; display: block; width:100%; zoom: 1; } @media only screen and (max-width: 1024px) { .ss-slide-stage, .ss-slide {height:100%;} .ss-slide>div { height:100%; background-repeat:no-repeat; background-position:center center !important; background-size:cover !important; } .ss-slide>div>img {opacity:0;} } @media only screen and (min-width: 1025px) { .ss-slide>div { width:100%; height:auto; background:none !important; } .ss-slide>div>img{height:auto;/* max-width, or width gets set via JS */} } /* Caption wrapper. Used for centering */ .ss-caption-wrap { position: absolute; bottom:0; width:100%; padding:0 5px 5px 5px; text-align:center; box-sizing:border-box; } /** * Custom Fancy Button * * Based On: http://codepen.io/kjbrum/pen/wBBLXx */ .ozy-custom_button:before, .ozy-custom_button:after, .ozy-custom_button span:before, .ozy-custom_button span:after { box-sizing: border-box; -webkit-transition: 0.5s; transition: 0.5s; } .ozy-custom_button_w {margin:0 10px 0 0;} .ozy-custom_button span { -webkit-transition: none; transition: none; z-index:1; } .ozy-custom_button:before, .ozy-custom_button:after, .ozy-custom_button span:before, .ozy-custom_button span:after {z-index: -1;} .ozy-custom_button { text-decoration: none; text-align:center; text-decoration:none !important; z-index:1; } .ozy-custom_button { position: relative; display: inline-block; margin: 1rem auto; padding:14px 40px; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing:3px; overflow: hidden; border: 2px solid currentColor; } .ocbtn-0:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height:100%; } .ocbtn-0:hover:before {width:100%;} .ocbtn-1:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; left: 0; } .ocbtn-1:hover:after {border-width: 350px 550px 0 0;} .ocbtn-1-2:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; bottom: 0; left: 0; } .ocbtn-1-2:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; right: 0; bottom: 0; } .ocbtn-1-2:hover:before {border-width: 206.25px 0 0 206.25px;} .ocbtn-1-2:hover:after {border-width: 0 0 206.25px 206.25px;} .ocbtn-2:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; bottom: 0; left: 0; } .ocbtn-2:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; right: 0; } .ocbtn-2:hover:before {border-width: 165px 0 0 165px;} .ocbtn-2:hover:after {border-width: 0 165px 165px 0;} .ocbtn-33:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; bottom: 0; left: 0; } .ocbtn-33:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; right: 0; } .ocbtn-33 span:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; right: 0; bottom: 0; } .ocbtn-33 span:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; left: 0; } .ocbtn-33:hover:before {border-width: 165px 0 0 165px;} .ocbtn-33:hover:after {border-width: 0 165px 165px 0;} .ocbtn-33:hover span:before {border-width: 0 0 165px 165px;} .ocbtn-33:hover span:after {border-width: 165px 165px 0 0;} .ocbtn-4:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; right: 0; } .ocbtn-4:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; bottom: 0; left: 0; } .ocbtn-4 span:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; left: 0; } .ocbtn-4 span:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; right: 0; bottom: 0; } .ocbtn-4:hover:before {border-width: 20px 62.5px;} .ocbtn-4:hover:after {border-width: 20px 62.5px;} .ocbtn-4:hover span:before {border-width: 20px 62.5px;} .ocbtn-4:hover span:after {border-width: 20px 62.5px;} .ocbtn-5:after { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; top: 0; right: 0; } .ocbtn-5:before { content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; bottom: 0; left: 0; } .ocbtn-5:hover:before, .ocbtn-5:hover:after {border-width: 40px 262.5px;} .ocbtn-6 span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; z-index: -1; } .ocbtn-6:hover span { width: 562.5px; height: 562.5px; } .ocbtn-7:before, .ocbtn-7:after, .ocbtn-7 span:before, .ocbtn-7 span:after { content: ''; position: absolute; top: 0; width:25%; height: 0; } .ocbtn-7:before {left: 0;} .ocbtn-7:after {left:50%;} .ocbtn-7 span:before, .ocbtn-7 span:after { top: auto; bottom: 0; } .ocbtn-7 span:before {left:25%;} .ocbtn-7 span:after {left:75%;} .ocbtn-7:hover:before, .ocbtn-7:hover:after, .ocbtn-7:hover span:before, .ocbtn-7:hover span:after {height:100%;} .ocbtn-8:before, .ocbtn-8:after { content: ''; position: absolute; top: 0; left: 0; width:100%; height: 0; } .ocbtn-8:after { top: auto; bottom: 0; } .ocbtn-8:hover:before, .ocbtn-8:hover:after {height:50%;} .ocbtn-9:before, .ocbtn-9:after, .ocbtn-9 span:before, .ocbtn-9 span:after { content: ''; position: absolute; top: 0; left: 0; width:100%; height: 0; -webkit-transition: 0.4s; transition: 0.4s; } .ocbtn-9:after, .ocbtn-9 span:before { top: auto; bottom: 0; } .ocbtn-9 span:before, .ocbtn-9 span:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .ocbtn-9:hover:before, .ocbtn-9:hover:after, .ocbtn-9:hover span:before, .ocbtn-9:hover span:after { height:100%; } .ocbtn-10:before, .ocbtn-10:after, .ocbtn-10 span:before, .ocbtn-10 span:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height:100%; -webkit-transition: 0.4s; transition: 0.4s; } .ocbtn-10:after, .ocbtn-10 span:before { left: auto; right: 0; } .ocbtn-10 span:before, .ocbtn-10 span:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .ocbtn-10:hover:before, .ocbtn-10:hover:after, .ocbtn-10:hover span:before, .ocbtn-10:hover span:after { width:100%; } @-webkit-keyframes criss-cross-left { 0% {left: -20px;} 50% {left: 50%;width: 20px;height: 20px;} 100% {left: 50%;width: 375px;height: 375px;} } @keyframes criss-cross-left { 0% {left: -20px;} 50% {left: 50%;width: 20px;height: 20px;} 100% {left: 50%;width: 375px;height: 375px;} } @-webkit-keyframes criss-cross-right { 0% {right: -20px;} 50% {right: 50%;width: 20px;height: 20px;} 100% {right: 50%;width: 375px;height: 375px;} } @keyframes criss-cross-right { 0% {right: -20px;} 50% {right: 50%;width: 20px;height: 20px;} 100% {right: 50%;width: 375px;height: 375px;} } .ocbtn-11 {position: relative;} .ocbtn-11:before, .ocbtn-11:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; border-radius: 50%; } .ocbtn-11:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ocbtn-11:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .ocbtn-11:hover:before { -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; } .ocbtn-11:hover:after { -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; } .generic-button-large { display: inline-block; margin: 20px 0; padding: 15px 30px; text-decoration: none; font-size: 12px; font-weight: 500; letter-spacing: 1px; } /** * Border Box */ .ozy-border-box-wrapper { position:relative; max-width:600px; padding-left:15px; padding-right:15px; margin:0 auto; } .ozy-border-box { padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 30px; border: 2px solid white; } .ozy-border-box h2 { font-size: 36px !important; line-height: 1.2 !important; font-weight:900 !important; padding:15px; text-align:center; } @media (min-width: 768px) { .ozy-border-box h2 { line-height: 0.8 !important; font-size: 80px !important; padding:0; text-align:inherit; } } .ozy-border-box h2>br { margin-top:inherit !important; display:inherit !important; content:inherit !important; } .ozy-border-box .text-center { text-align:center; margin-top:20px; } .ozy-border-box .generic-button { padding:5px 8px; text-decoration:none; font-size:12px; font-weight:900; letter-spacing:3px; } @media (min-width: 768px) { .ozy-border-box .generic-button { padding:14px 30px; } .ozy-border-box { border: none; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom:80px; } .ozy-border-box .text-center {margin-top:70px;} .ozy-border-box .border-sides:before { position: absolute; content: ''; top: 15px; right: 15px; width:100px; border-bottom: 5px solid #fff; } .ozy-border-box .border-sides:after { position: absolute; content: ''; left: 15px; bottom: 0; height: 150px; border-right: 5px solid #fff; } .ozy-border-box:after { position: absolute; content: ''; bottom: 0; right: 15px; top: 18px; left: 15px; pointer-events: none; border-bottom: 5px solid currentColor; border-right: 5px solid currentColor; } } /** * Animated Image Gallery */ .ozy-photos { margin: 0 auto; position: relative; width:100%; } .ozy-photos>div { position: relative; display:block; margin:0 auto; height:400px; width:780px; } .ozy-photos img { position: absolute; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; padding: 10px 10px 30px 10px; background: white; border: solid 1px #ccc; width: 35%; } .ozy-photos img:nth-of-type(1) { left: 50px; top: 50px; } .ozy-photos img:nth-of-type(2) { left: 150px; top: 100px; } .ozy-photos img:nth-of-type(3) { left: 250px; top: 50px; } .ozy-photos img:nth-of-type(4) { left: 350px; top: 150px; } .ozy-photos img:nth-of-type(5) { left: 450px; top: 50px; } .ozy-photos img:nth-of-type(1) { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } .ozy-photos img:nth-of-type(2) { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } .ozy-photos img:nth-of-type(3) { -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg); } .ozy-photos img:nth-of-type(4) { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .ozy-photos img:nth-of-type(5) { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } .ozy-photos img:hover { -webkit-transform: rotate(380deg) scale(1.5); -moz-transform: rotate(380deg) scale(1.5); -o-transform: rotate(380deg) scale(1.5); transform: rotate(380deg) scale(1.5); z-index: 10; } .ozy-photos img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (max-width: 768px) { .ozy-photos>div { width: 100%; height:290px; } .ozy-photos img { padding: 10px; -webkit-transform: rotate(0deg); width: 30%; } .ozy-photos img:nth-of-type(1) { left: 0px; top: 50px; } .ozy-photos img:nth-of-type(2) { left: 80px; top: 100px; } .ozy-photos img:nth-of-type(3) { left: 220px; top: 50px; } .ozy-photos img:nth-of-type(4) { left: 330px; top: 100px; } .ozy-photos img:nth-of-type(5) { left: 440px; top: 50px; } .ozy-photos img:hover { left:50%; top:50%; margin-left:-15%; margin-top:-15%; -webkit-transform: rotate(0deg) scale(2.5); -moz-transform: rotate(0deg) scale(2.5); -o-transform: rotate(0deg) scale(2.5); transform: rotate(0deg) scale(2.5); } } @media (max-width: 667px) { .ozy-photos img:nth-of-type(3) {left: 180px;} .ozy-photos img:nth-of-type(4) {left: 280px;} .ozy-photos img:nth-of-type(5) {left: 370px;} } @media (max-width: 479px) { .ozy-photos>div { height:inherit; width:100%; text-align:center; padding: 105px 0 35px 0; } .ozy-photos img { position:static; padding: 10px; -webkit-transform: rotate(0deg); width: 70%; margin-top: -80px; } .ozy-photos img:hover { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } /** * Responsive Definitions */ @media only screen and (max-width: 1280px) { body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container, .ozy-related-posts-wrapper, .nav-box-wrapper { padding-left: 25px !important; padding-right: 25px !important; } /*single*/ .featured-thumbnail-header>div>div{ width: calc(100% - 50px); left:25px; right:25px; } .ozy-related-posts>li {max-width: 356px;} } @media only screen and (max-width: 1180px) { .ozy-page-model-boxed #main {display: block !important;} .vc_row.has-bottom-arrow {padding-bottom:inherit;} #row-bottom-arrow-wrapper {display:none !important;} } @media only screen and (max-width: 1024px) { body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 20px !important; padding-right: 20px !important; } } @media only screen and (max-width: 920px) { #footer-widget-bar, #footer-widget-bar>.container {padding-bottom:0 !important;} #footer-widget-bar{padding-top:20px;} .ozy-motto-widget:before {height: calc(100% - 70px);} /*motto widget*/ } @media only screen and (max-width: 1180px) and (min-width: 769px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #title {height: 60px !important;} #tagline {line-height: 20px !important;} #content {width: 100%;} #sidebar {width: 100%;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .ozy-latest-posts>a { width: 15.66666666666667%; margin-right: 1%; } /* page */ #page-title-wrapper {min-height:80px !important;} /* vc */ #footer>footer>.container, #footer-widget-bar>.container, #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:20px !important; padding-right:20px !important; } } @media only screen and (max-width: 768px) { #footer-widget-bar>.container>section{padding:0px 20px 0 20px;} div.parallax-wrapper div.parallax-wrapper{ margin-left:0 !important; margin-right:0 !important; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left:0 !important;} #footer a { /*lets talk about your wedding buttons*/ display: block; border: none; padding: 5px 0; border-top: 1px solid currentColor; margin-left: 0; float: none; } /*full page*/ body.page-template-page-row-slider-php .ozy-page-model-full #content>.wpb_row.vc_row-fluid>div.parallax-wrapper, #full-page .wpb_row>div.parallax-wrapper {height:100% !important;} #full-page #content>.wpb_row>div.parallax-wrapper>div.vc_column_container {height:50% !important;} div.wpcf7 {padding: 0 10px;} } @media only screen and (max-width: 767px) { nav.navbar .container { padding:0 10px; } } @media only screen and (max-width: 768px) and (min-width: 480px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #content {width: 100%;} #sidebar {width: 100%;} #footer .container {padding-top: 0;} #footer-content { border: 0; padding: 10px; } #single-blog-tags>a { display: inline-block; float: left; margin-bottom: 6px; } /*layout*/ #footer-widget-bar>.container:not(.full)>section {width: 50% !important;} body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 20px !important; padding-right: 20px !important; } } @media only screen and (max-width: 479px) { .animsition, .animsition-overlay { position: absolute !important; width: 100%; } .container { width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } #main>.container {padding: 0 !important;} #page-title-wrapper>div { padding-left: 20px !important; padding-right: 20px !important; } body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 10px !important; padding-right: 10px !important; } #page-title-wrapper { max-height:150px !important; overflow:visible !important; } .ozy-page-model-full .container.no-vc { padding-left:0 !important; padding-right:0 !important; } body.has-page-title #main>.container {padding-top: 0 !important;} #tagline {line-height: 20px !important;} #content.left-sidebar, #content.right-sidebar, #content {width: 100%;} #content.no-vc{padding:10px !important;} #sidebar { padding: 15px; width: 100%; /* 3 columns */ float: none; } #sidebar>ul:first-child>li>h4 {border-bottom: none !important;} #footer-widget-bar .widget-area>.separator{display:none;} #footer .container {padding-top: 0;} #footer-content { border: 0; padding: 10px; } #footer>footer>.container{height:100% !important;line-height:1.5em !important;} #footer>footer>.container>div{padding-top:15px !important;width: 100% !important;} #footer .container>div {text-align: center;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .simple-post-format>div {padding: 10px 10px 5px 10px !important;} .simple-post-format>div>span {display: none !important;} .post-excerpt-quote blockquote, .simple-post-format.post-excerpt-aside>div {max-width: 230px !important;} blockquote { padding: 10px 10px 10px 30px !important; text-align: inherit !important; } blockquote:before { top: 10px !important; left: 10px !important; } blockquote, .post-excerpt-quote blockquote { font-size: 14px !important; line-height: 21px !important; margin: 10px 0; } .post-excerpt-quote blockquote>p {max-width: 190px !important;} .post-excerpt-audio>div>div { margin-left:0 !important; padding-left: 0 !important; max-width: 210px !important; } .post-excerpt-audio>div img {display:none !important;} .post.post-simple.regular-blog .post-meta-simple, .post>div:not(.featured-thumbnail):not(.carousel):not(.post-meta):not(.post-submeta), body.single #single-blog-tags, body.single .post-submeta { padding-left:20px !important; padding-right:20px !important; } #request-a-rate>a.close{top:0;right:0;} body.page-template-page-big-blog .big-blog-category {font-size:16px;} /* Single */ .ozy-related-posts>li { width: 100% !important; padding-left: 0 !important; margin-bottom: 20px !important; } #ozy-share-div>span {display: none !important;} #ozy-share-div>.share-icon {padding: 2px !important;} #ozy-related-posts-wrapper > .newer-older {top: -25px !important;} #ozy-related-posts-wrapper > .newer-older a {font-size: 80%;} body.single .post-submeta>a{ display: block; margin: 0 auto 5px auto; } /*layout*/ .post-content form.post-password-form label{display:none;} .post-content form.post-password-form input{margin-top:10px;} .ozy-selectBox.ozy-wpml-language-switcher{display:none;} #footer-widget-bar>.container>section { width: 99% !important; margin-right: 0; } #footer-widget-bar>.container.left-right>section:first-child {padding-top:130px !important;} #footer-widget-bar>.container.left-right>section:not(:first-child) {padding-top:0 !important;} .wedding-planner-btt-container{right:0} /*to top button*/ form.ns_widget_mailchimp_form input[type=email] { /*mailchimp widget*/ font-size: 18px; padding: 23px 20px; } #footer>footer>.container>span {line-height:37px;} /*lets talk about your wedding text*/ form.ns_widget_mailchimp_form #mc_signup_submit {padding: 22px 35px;} span.plus-icon {display:none !important;} .ozy-tlt, h1{font-size:26px !important;line-height:32px !important;} h2{font-size:22px !important;line-height:30px !important;} h3{font-size:18px !important;line-height:22px !important;} /*comments*/ #commentform, #comments-form form {padding:0 20px} .comment-body{padding-right:20px} #comments ol, #comments ul{margin-left:10px !important;} #comments>ol, #comments>ul { padding-left:0 !important; margin-left:0 !important; } .comment-body>div>img{ float:none; margin:0 auto 20px auto; } .comment-body .reply, .comment-body>p{padding-left:0;} #comments .children li.comment>div{padding-left:0;} }