#8a8a8a;/*! */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ A { TEXT-DECORATION: none } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #666699;letter-spacing:3px; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400; margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; color: #555; font-family: 'Tangerine', cursive; font-weight: 700; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 16px; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0; padding-left: 15px; border-left: 1px solid #555;letter-spacing:3px; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #555; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0; padding: 0; } ul { list-style: inside disc; } ol { list-style: inside decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img:focus { outline: none; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, .button, input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; display: inline-block; padding: 13px 29px; background: #ff8c8c; position: relative; font-size: 16px; text-decoration: none; line-height: 1; box-shadow: none; border: 0; } button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #ff6363; color: #fff; cursor: pointer; } button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button, .button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { background: #ff6363; color: #fff; outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #555; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { outline: 1px dotted #555; border: none; } select { border: 1px solid #ccc;.main-navigation ul li.menu-item-has-children ul.sub- } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #ff8c8c; text-decoration: none; outline: none; } a:visited { text-decoration: none; outline: none; } a:hover, a:active, a:focus { outline: dotted; outline-width: 1px; outline-color: #555; } button:focus, input[type="submit"]:focus { outline: dotted; outline-width: 1px; outline-color: #555; } a:hover { outline: none; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #main-nav { display: block; float: right; transition: all 0.5s ease-in-out 0s; width: auto; } .enabled-sticky-primary-menu #main-nav.fixed { box-shadow: 0 0 3px #aaaaaa; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .main-navigation ul { display: block; margin: 0; padding: 0; } .main-navigation ul ul { position: absolute; display: block; top: 100%; left: 0; opacity: 0; padding-top: 15px; min-width: 200px; pointer-events: none; margin-left: 0; z-index: 99999; } .main-navigation ul ul.sub-menu li { border: 1px solid #ddd; border-bottom: 0; width: 100%; } .main-navigation ul ul.sub-menu li a { background: #fff; border-left: 0; width: 100%; padding: 12px 15px; } .main-navigation ul ul.sub-menu>li:first-child:before { background-color: transparent; bottom: 100%; left: 19%; border: 15px solid transparent; border-bottom-color: #ddd; content: " "; height: 0; width: 0; position: absolute; } .main-navigation ul ul.sub-menu>li:first-child:after { background-color: transparent; bottom: 100%; left: 20%; border: 13px solid transparent; border-bottom-color: #fff; content: " "; height: 0; width: 0; position: absolute; } .main-navigation ul ul ul { left: 100%; top: 0 } .main-navigation li { position: relative; display: inline-block; margin-bottom: 0; float: left; } .main-navigation ul>li.menu-item-has-children:hover>ul { pointer-events: auto; opacity: 1; cursor: pointer; } .main-navigation ul ul ul ul { display: none; } .main-navigation ul ul ul li:hover>ul { display: block; } .main-navigation ul ul li:hover>ul { opacity: 1; left: 100%; } .main-navigation li li { float: none; display: block; } .main-navigation ul li li:first-child>a { border-left: none; } .main-navigation ul li:last-child { margin-right: 0px; } .main-navigation ul li a { color: #555; display: block; font-size: 16px; font-weight: normal; padding: 15px 20px; position: relative; z-index: 99; font-weight: 400; text-transform: capitalize; } .main-navigation ul ul a:after { display: none; } .main-navigation ul ul a { border-left: medium none; border-right: medium none; box-shadow: none; font-size: 16px; height: auto; padding: 9px 15px; text-align: left; width: 100%; font-weight: 400; } .main-navigation ul ul li:last-child a { border-bottom: 1px solid #ddd; } .main-navigation ul li.menu-item-has-children ul.sub-menu li a { color: #555; font-size: 16px; } .main-navigation ul li a:hover, .main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover { color: #fefffa; } .main-navigation ul li.menu-item-has-children>a::after, .main-navigation ul li.page_item_has_children>a::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 10px; margin-right: 0; display: inline-block; } .main-navigation ul>li.menu-item-has-children:hover>a::after { content: "\f106"; } .main-navigation ul li li.menu-item-has-children>a::after, .main-navigation ul li li.page_item_has_children>a::after { content: "\f105"; top: 50%; } .main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page_item_has_children a { padding-right: 30px; } .main-navigation .menu-toggle, .main-navigation .dropdown-toggle { display: none; } #mobile-trigger { display: none; } #mobile-menu { display: none; } .main-navigation ul li a, .main-navigation ul li a:hover, .main-navigation ul li.menu-item-has-children ul.sub-menu li a, .main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover, .main-navigation ul>li.menu-item-has-children:hover>ul, .main-navigation ul>li.menu-item-has-children>ul { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 16px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .entry-meta>span::before, .entry-footer>span::before, .single-post-meta>span::before, .post-meta>span:before { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; height: 15px; margin-right: 10px; } .entry-meta .byline .author.vcard { margin-left: -4px; } .entry-footer span, .entry-meta span, .post-meta span { font-size: 14px; margin-right: 15px; } .post-meta span a { color: #555;letter-spacing:3px; } span.comments-link::before { content: "\f086"; } .entry-meta .posted-on::before, .single-post-meta .posted-on::before, .post-meta .posted-on::before { content: "\f073 "; } .entry-footer>.cat-links::before { content: "\f07c"; } .entry-meta .byline::before, .single-post-meta .byline::before { content: "\f007"; } .entry-footer .edit-link::before { content: "\f044"; } .entry-footer .tags-links::before { content: "\f02c"; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .authorbox .author-avatar { float: left; margin: 5px 15px 10px 0; } .authorbox { background: #e6ffff; border: 1px solid #dddddd; margin-top: 20px; overflow: hidden; padding: 15px; } .authorbox.no-author-avatar .author-info { margin-left: 0; } .authorbox .author-bio-posts-content { margin-top: 10px; } .authorbox .author-bio-posts-content p { margin: 0; } .authorbox .author-bio-posts-content ul { list-style-position: inside; margin: 0; } #respond { clear: both; display: block; float: left; width: 100%; } #respond .comment-reply-title { font-size: 30px; margin-top: 20px; margin-bottom: 0; } #respond .comment-reply-title a { font-family: 'Lato', sans-serif; color: #fff; font-size: 14px; font-weight: 400; background: #ff8c8b; padding: 10px 12px; margin-left: 15px; transition: all linear 0.3s; } #respond .comment-reply-title a:hover { background: #ff6363; } #commentform label { display: inline-block; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area form#commentform p { margin-bottom: 0; } .comments-area #commentform p.comment-notes, .comments-area #commentform p.comment-form-comment, .comments-area form#commentform p.comment-form-cookies-consent { display: inline-block; width: 100%; } .comments-area form#commentform p.comment-form-cookies-consent input[type="checkbox"] { margin-top: 5px; margin-right: 10px; display: inline-block; vertical-align: text-bottom; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-form { margin: 0 -15px; } .comments-area form#commentform p.logged-in-as, .comments-area form#commentform p { padding: 0 15px; } .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea { width: 100%; padding: 5px 15px; } #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url { width: 50%; } .comments-area form#commentform p.logged-in-as { width: 100%; margin-bottom: 0; margin-top: 0; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.33%; float: left; margin-top: 10px; } .comment-list li.comment::after { content: inherit; display: none; } .comment-list li { padding-left: 0; } .comment { background-position: 0 -74px; display: block; float: left; width: 100%; } ol.comment-list { border-radius: 5px; float: left; margin-left: 0; margin-right: 0; overflow: inherit; padding: 0; width: 100%; } ol.comment-list .children { border: medium none; float: left; margin: 15px 0 15px 15px; width: 98%; } ol.comment-list li { list-style: outside none none; } .comment .comment-body { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 0; clear: both; display: block; float: left; padding: 20px; position: relative; text-align: left; width: 100%; } .comment-author.vcard { font-size: 16px; } .comment-content p { margin: 4px 0px 15px 0; } .comment-list .children { background-position: left 20px; background-repeat: no-repeat; border-left: 1px solid rgb(238, 238, 238); margin-left: 0; padding-left: 40px; } .comment-list li.comment>div img.avatar { left: 29px; position: absolute; top: 29px; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .vcard .avatar { float: left; margin: 7px 15px 15px 0; } .comment-metadata { font-size: 13px; font-style: italic; line-height: 16px; margin-bottom: 10px; } .comment-reply-link { color: #fff; display: inline-block; padding: 13px 29px; background: #ff8c8c; position: relative; font-size: 16px; text-decoration: none; line-height: 1; box-shadow: none; border: 0; } a.comment-reply-link:hover { background: #ff6363; color: #fff; cursor: pointer; } .form-allowed-tags code { white-space: inherit; word-wrap: break-word; } .comment-respond label { display: block; font-weight: normal; } .comments-title { margin: 25px 0 7px; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } #commentform label { display: inline-block; margin-bottom: 7px; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Custom Css Starts --------------------------------------------------------------*/ .container { max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } #content { padding: 60px 0 60px 0; clear: both; } .elementor-template-full-width #content { padding: 0; } .v-center { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } #mobile-menu-control, #mobile-menu { display: none; } .inner-wrapper { margin-left: -15px; margin-right: -15px; } /*-------------------------------------------------------------- # Header Css Starts --------------------------------------------------------------*/ #main-nav { display: block; float: right; transition: all 0.5s ease-in-out 0s; width: auto; } .enabled-sticky-primary-menu #main-nav.fixed { box-shadow: 0 0 3px #aaaaaa; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .site-navigation { display: block; margin: 0; } /* Styling the links */ .site-navigation a { display: block; font-size: 14px; padding: 15px 25px; color: #fff; background-color: #606060; text-decoration: none; box-sizing: border-box; width: 100%; white-space: normal; } /* Background color change on Hover */ .site-navigation .menu a:hover, .site-navigation .menu a:focus { background-color: #606060; } /* Set menu item's width to 100% */ .site-navigation .menu li { display: block; width: 100%; } /* Styling the toggle buttons */ .menu-toggle { display: block; background-color: #ff8c8c; padding: 13px 29px; line-height: 1; color: #fff; font-size: 16px; text-decoration: none; } .ticon { font-family: "Font Awesome 5 Free"; font-weight: 900; } .menu-toggle .ticon { vertical-align: text-bottom; margin-left: 10px; } .menu-toggle .ticon:before { content: '\f0c9'; } /*.toggled .menu-toggle { background-color: #606060; }*/ .toggled .menu-toggle .ticon:before { content: '\f00d'; } .dropdown-toggle { background-color: transparent; padding: 1.1em; position: absolute; top: 0; right: 10px; border-radius: 0; color: #fff; text-align: center; } .dropdown-toggle:hover, .dropdown-toggle:focus { border: 1px dashed; top: 0; } .dropdown-toggle .ticon { font-size: 17px; } .dropdown-toggle .ticon:before { content: '\f107'; } .toggled-on>.dropdown-toggle .ticon:before { content: '\f106'; } /* Hide Submenus by default using absolute positioning instead of display:none;. */ .site-navigation .menu, .site-navigation .menu li, .site-navigation .menu ul, .site-navigation .menu li:hover>ul, .site-navigation .menu li:focus>ul { position: absolute; top: 100%; padding: 0; margin: 0; left: -9999em; z-index: 99999; } /* Display the menu when clicked on Menu Toggle */ .toggled .menu { display: block; position: relative; top: 0; left: 0; } .toggled .menu li { position: relative; left: unset; } .toggled .menu li>.sub-menu { display: none; } .toggled .menu .toggled-on>.sub-menu { display: block; position: relative; left: 0; top: 100%; } .site-navigation .menu ul a, .site-navigation .menu ul ul a { padding: 1.25em 1.75em; } /*******************************************/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0; overflow: hidden; margin-bottom: 20px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .site-header { display: inline-block; width: 100%; vertical-align: top; } .site-header { padding: 18px 0px; } .transparent-header-enabled.site-header { position: absolute; top: 0; left: 0; z-index: 99; } .site-header.fixed { background: #fff; position: fixed; left: 0; top: 0; z-index: 999; padding: 30px 0px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06); } .head-wrap { display: flex; width: 100%; align-items: center; justify-content: space-between; } .site-title, .site-title a, .site-description { float: left; } .site-branding { display: flex; } .site-branding .custom-logo-link { max-width: 239px; display: block; line-height: 0; } .site-title { font-size: 35px; color: #555; } .site-title, .site-title a { color: #555; text-decoration: none; margin: 0; font-weight: 700; font-family: 'Tangerine', cursive; line-height: 1; } .site-description { clear: both; margin: 0; } .navigation-wrap { display: flex; align-items: center; } .main-navigation { clear: none; float: left; width: auto; } .main-navigation li a { color: #555;letter-spacing:3px; font-size: 16px; padding: 15px 40px; } .branding-button, .branding-button:visited { color: #fff; display: inline-block; padding: 13px 29px; background: #ff8c8c; position: relative; font-size: 16px; text-decoration: none; line-height: 1; } .branding-button:focus { background: #ff6363; } .branding-button:hover { background: #ff6363; color: #fff; } .transparent-header-enabled .site-title, .transparent-header-enabled .site-title a, .transparent-header-enabled .site-description, .transparent-header-enabled .main-navigation ul li a { color: #fff; } .site-header.fixed .site-description, .site-header.fixed .main-navigation ul li a { color: #555;letter-spacing:3px; } .site-header.fixed, .site-header, .branding-button, .branding-button:hover { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .top-header-bar { border-bottom: 0px ; padding: 10px 0; height: auto; overflow: hidden; } .top-header-bar span { margin-right: 15px; } .top-header-bar span.phone { padding-right: 15px; border-right: 1px solid #cdcdcd; } .title-wrapper { margin-left: 20px; } .top-header-bar .phone::before, .top-header-bar .email::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #555;letter-spacing:3px; display: inline-block; margin-right: 10px; } .top-header-bar .phone::before { content: "\f879"; } .top-header-bar .email::before { content: "\f0E0"; } .top-header-bar .top-left { float: left; height: auto; overflow: hidden; } .top-header-bar .top-right { float: right; height: auto; overflow: hidden; } @media screen and (min-width: 1199px) { .menu-toggle, .dropdown-toggle { display: none; } .site-navigation { display: flex; align-items: start; } .site-navigation a { color: #555; background: none; } .site-navigation a:hover { color: #ff8c8b; } .site-navigation .menu a:hover, .site-navigation .menu a:focus { background: none; } .site-navigation .primary-menu { display: flex; position: static; } .site-navigation .menu li { position: relative; width: auto; left: unset; } .site-navigation .menu li.current-menu-item a { color: #ff8c8b; } .site-navigation .menu ul li:first-child { border-top: 0; } .site-navigation .menu a, .site-navigation .menu ul a, .site-navigation .menu ul ul a { font-size: 16px; padding: 15px 20px; } .site-navigation .menu ul a, .site-navigation .menu ul ul a { color: #555; background: transparent; } /* Hide Dropdowns by Default * and giving it a position of absolute */ .site-navigation .menu ul { position: absolute; /* has to be the same number as the "line-height" of "nav a" */ top: 100%; left: -9999em; } /* Display Dropdowns on hover and focus */ .site-navigation .menu li:hover>ul, .site-navigation .menu li:focus>ul, .site-navigation .menu li.focus>ul { left: 20px; min-width: 230px; background: #fff; box-shadow: 0 0 15px #b8b8b89e; } /* First Tier Dropdown */ .site-navigation .menu ul li { position: relative; } /* Second, Third and more Tiers * We move the 2nd and 3rd etc tier dropdowns to the left * by the amount of the width of the first tier. */ .site-navigation .menu li li:hover>ul, .site-navigation .menu li li:focus>ul, .site-navigation .menu li li.focus>ul { top: 0; left: 100%; } .site-navigation .menu ul a:hover, .site-navigation .menu ul a:focus { background-color: #ff8c8c; color: #fff; } .menu-item-has-children>a:after, .page_item_has_children>a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f107'; vertical-align: bottom; margin-left: 0.25em; } .menu-item-has-children .menu-item-has-children>a:after, .menu-item-has-children .page_item_has_children>a:after, .page_item_has_children .menu-item-has-children>a:after, .page_item_has_children .page_item_has_children>a:after { display: none; } } @media screen and (max-width: 1199px) { .site-navigation { position: absolute; top: 100%; width: 50%; } .head-wrap { flex-direction: column; align-items: inherit; } .site-branding { -webkit-justify-content: center; justify-content: center; } .navigation-wrap { position: relative; -webkit-justify-content: space-between; justify-content: space-between; } .navigation-wrap .branding-button { position: absolute; right: 0; } } /*-------------------------------------------------------------- # Social Links --------------------------------------------------------------*/ .social-menu { list-style: none; display: flex; } .social-menu li { display: inline-block; margin: 5px; } .social-menu li::after { display: none; } .social-menu li a { display: block; } .social-menu li a::before { color: #555;letter-spacing:3px; content: "\f7b1"; display: block; font-family: 'Font Awesome 5 Brands'; font-weight: 900; transition: all linear 0.3s; } .social-menu li a:hover::before { color: #ff8c8c; } .social-menu li a[href*="facebook.com"]::before { content: "\f39e"; } .social-menu li a[href*="twitter.com"]::before { content: "\f099"; } .social-menu li a[href*="linkedin.com"]::before { content: "\f0e1"; } .social-menu li a[href*="plus.google.com"]::before { content: "\f0d5"; } .social-menu li a[href*="youtube.com"]::before { content: "\f167"; } .social-menu li a[href*="dribbble.com"]::before { content: "\f17d"; } .social-menu li a[href*="pinterest.com"]::before { content: "\f0d2"; } .social-menu li a[href*="bitbucket.org"]::before { content: "\f171"; } .social-menu li a[href*="github.com"]::before { content: "\f113"; } .social-menu li a[href*="codepen.io"]::before { content: "\f1cb"; } .social-menu li a[href*="flickr.com"]::before { content: "\f16e"; } .social-menu li a[href*="foursquare.com"]::before { content: "\f180"; } .social-menu li a[href*="instagram.com"]::before { content: "\f16d"; } .social-menu li a[href*="tumblr.com"]::before { content: "\f173"; } .social-menu li a[href*="reddit.com"]::before { content: "\f1a1"; } .social-menu li a[href*="vimeo.com"]::before { content: "\f194"; } .social-menu li a[href*="digg.com"]::before { content: "\f1a6"; } .social-menu li a[href*="twitch.tv"]::before { content: "\f1e8"; } .social-menu li a[href*="stumbleupon.com"]::before { content: "\f1a4"; } .social-menu li a[href*="delicious.com"]::before { content: "\f1a5"; } .social-menu li a[href*="soundcloud.com"]::before { content: "\f1be"; } .social-menu li a[href*="wordpress.org"]::before { content: "\f19a"; } .social-menu li a[href*="wordpress.com"]::before { content: "\f19a"; } .social-menu li a[href*="jsfiddle.net"]::before { content: "\f1cc"; } .social-menu li a[href*="tripadvisor.com"]::before { content: "\f262"; } .social-menu li a[href*="angel.co"]::before { content: "\f209"; } .social-menu li a[href*="slack.com"]::before { content: "\f198"; } .social-menu li a[href*="500px.com"]::before { content: "\f26e"; } .social-menu li a[href$="/feed/"]::before { content: "\f09e"; font-family: 'Font Awesome 5 Free'; } .social-menu li a[href*="mailto:"]::before { content: "\f0e0"; font-family: 'Font Awesome 5 Free'; } /*-------------------------------------------------------------- # Blog Css Starts --------------------------------------------------------------*/ #primary { float: left; width: 70%; padding-left: 15px; padding-right: 15px; } #secondary { float: left; width: 30%; padding-left: 15px; padding-right: 15px; } #main { float: left; width: 100%; padding: 40px; background: #fff9f9; } .blog #main article, .archive #main article, .search #main article { background: #fff9f9; padding: 40px; } .search #main article { margin: 0 0 1.5em; } .blog #main, .archive #main, .search #main { float: none; width: 100%; padding: 0; background: transparent; } .entry-meta span::before { font-size: 14px; } .entry-meta span a { font-size: 14px; } #main article .entry-content p { margin-top: 2px; line-height: 28px; margin-bottom: 16px; } .post-thumbnail { margin-bottom: 20px; display: block; } .more-link { display: block; max-width: 110px; position: relative; margin-top: 5px; } .more-link::before { position: absolute; top: 2px; left: 90px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b"; } #main article .entry-footer::before { font-size: 14px; } #main article .entry-footer a { font-size: 14px; } .entry-title { margin-top: 0px; font-size: 35px; margin-bottom: 0; } .entry-title a { color: #666699 ; text-decoration: none; } .entry-meta a, .entry-footer a { color: #666699;letter-spacing:3px; text-decoration: none; } .post .entry-meta, .page .entry-meta { padding: 0; border: none; } .entry-content { margin-top: 0px; } #custom-header { display: inline-block; width: 100%; background: #ff8c8c; padding: 30px 0px 30px 0px; background-size: cover; } #custom-header.room-image-enabled { padding-bottom: 140px; } #custom-header .page-title { color: #fff; font-size: 45px; display: inline-block; font-weight: 700; margin-top: 0; margin-bottom: 0; } .single .entry-header .entry-meta, .blog .post .entry-header .entry-meta, .blog .page .entry-header .entry-meta, .archive .post .entry-header .entry-meta { margin-bottom: 10px; } #room-featured, #room-featured img { display: inline-block; width: 100%; } #room-featured { text-align: center; margin-top: -80px; } /* Post Navigation starts */ .post-navigation, .post-navigation .nav-links { float: left; width: 100%; } .post-navigation .nav-links { padding: 15px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 0px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next, #infinite-handle span { padding: 0px; width: 50%; background: transparent; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right: 15px; text-align: left; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left: 15px; text-align: right; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a, .comment-navigation .nav-previous::before, .posts-navigation .nav-previous::before, .post-navigation .nav-previous::before, .comment-navigation .nav-next::after, .posts-navigation .nav-next::after, .post-navigation .nav-next::after { color: #555; font-size: 18px; } .comment-navigation .nav-previous::before, .posts-navigation .nav-previous::before, .post-navigation .nav-previous::before, .comment-navigation .nav-next::after, .posts-navigation .nav-next::after, .post-navigation .nav-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #555; display: inline-block; } .comment-navigation .nav-previous::before, .posts-navigation .nav-previous::before, .post-navigation .nav-previous::before { content: "\f060"; margin-right: 10px; } .comment-navigation .nav-next::after, .posts-navigation .nav-next::after, .post-navigation .nav-next::after { content: "\f061"; margin-left: 10px; } .comment-navigation .nav-previous:hover, .posts-navigation .nav-previous:hover, .post-navigation .nav-previous:hover, .comment-navigation .nav-next:hover, .posts-navigation .nav-next:hover, .post-navigation .nav-next:hover, #infinite-handle span:hover { background: transparent; } /*-------------------------------------------------------------- # Room Slider Css Starts --------------------------------------------------------------*/ .elementor-widget-hotel-romantica-rooms-slider .room-item-caption, .elementor-widget-hotel-romantica-rooms-carousel .room-item-caption { margin-top: -85px; position: relative; z-index: 99; } .elementor-widget-hotel-romantica-rooms-slider .room-item-caption h4, .elementor-widget-hotel-romantica-rooms-carousel .room-item-caption h4 { font-size: 35px; margin: 0; background: rgba(0, 0, 0, 0.5); padding: 15px; } .elementor-widget-hotel-romantica-rooms-slider .room-item-caption a, .elementor-widget-hotel-romantica-rooms-carousel .room-item-caption a { color: #FFF; } .elementor-widget-hotel-romantica-rooms-slider .room-item-caption a:hover, .elementor-widget-hotel-romantica-rooms-carousel .room-item-caption a:hover { color: #ff8c8c; } /*-------------------------------------------------------------- # Lumber Image Slider Css Starts --------------------------------------------------------------*/ .elementor-widget-images-slider .images-slider .slide-item .slide-item-inner { position: relative; } .elementor-widget-images-slider .images-slider .slide-item .slide-item-inner:after { background: rgb(0, 0, 0, 0.45); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: inline-block; } .slider-caption-wrap { display: inline-block; width: 100%; text-align: center; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 10; } .slider-caption-wrap .slide-item-caption .slide-subtitle, .slider-caption-wrap .slide-item-caption .slide-title { color: #fff; } .slider-caption-wrap .slide-item-caption .slide-subtitle { margin: 0; } .slider-caption-wrap .slide-item-caption .slide-title { font-size: 50px; line-height: 1; margin-top: 0px; margin-bottom: 15px; } .slider-caption-wrap .slide-item-buttons .slide-button { background-color: #ff8c8c; color: #fff; border-radius: 0px 0px 0px 0px; display: inline-block; padding: 11px 24px 11px 24px; } .slider-caption-wrap .slide-item-buttons .slide-button:before { content: "\f271"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-right: 10px; } .slider-caption-wrap .slide-item-buttons .slide-button:hover { background-color: #ff6363; } .slider-caption-wrap .slide-item-buttons .slide-button:hover, .slider-caption-wrap .slide-item-buttons .slide-button { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } /*-------------------------------------------------------------- # Lumber Post Grid Css Starts --------------------------------------------------------------*/ .elementor-widget-hotel-romantica-posts-grid .lumber-grid-container { margin-left: -15px; margin-right: -15px; } .elementor-widget-hotel-romantica-posts-grid .lumber-post { padding-left: 15px; padding-right: 15px; } .elementor-widget-hotel-romantica-posts-grid .lumber-post img { display: block; width: 100%; } .post-grid-text-wrap { background: #FFF9F9; padding: 30px; } .elementor-widget-hotel-romantica-posts-grid .lumber-post .post-grid-text-wrap h3 { color: #555; font-family: 'Tangerine', cursive; font-size: 30px; margin: 6px 0 0 0; line-height: 1; } .elementor-widget-hotel-romantica-posts-grid .lumber-post .post-grid-text-wrap p { margin: 0; margin-top: 10px; } .elementor-widget-hotel-romantica-posts-grid .lumber-post .post-grid-text-wrap h3 a { color: #555; } .read-more-btn { color: #fff; display: inline-block; padding: 13px 20px; background: #ff8c8c; line-height: 1; } .read-more-btn:after { font-size: 16px; color: #fff; content: "\f178"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: 15px; } .read-more-btn:visited { color: #fff; } .read-more-btn:hover { color: #fff; background: #ff6363; } .post .post-meta { margin-top: 4px; } .read-more-btn, .read-more-btn:hover { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } /*-------------------------------------------------------------- # Lumber Room Grid Css Starts --------------------------------------------------------------*/ .elementor-widget-hotel-romantica-rooms-grid .room-grid-inner .room-grid-text-wrap h4 { color: #555; font-size: 35px; margin-top: 0px; margin-bottom: 5px; } .elementor-widget-hotel-romantica-rooms-grid .room-grid-inner .room-grid-text-wrap { padding-bottom: 7px; } .elementor-widget-hotel-romantica-rooms-grid .room-grid-inner .room-grid-text-wrap h4 a { color: #555; } .elementor-widget-hotel-romantica-rooms-grid article { padding-left: 15px; padding-right: 15px; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid-container { margin-left: -15px; margin-right: -15px; } /*-------------------------------------------------------------- # Room Carousel Css Starts --------------------------------------------------------------*/ .elementor-widget-rooms-carousel .rooms-slider .room-item { padding-right: 15px; padding-left: 15px; } .elementor-widget-rooms-carousel .rooms-slider .room-item .room-item-caption h4 { color: #555; font-family: 'Tangerine', cursive; font-weight: 400; font-size: 20px; margin: 15px 0 0 0; } .slick-slide:focus { outline: none; } .elementor-widget-rooms-carousel .rooms-slider .room-item .room-item-caption h4 a { color: #555; } .slick-arrow { display: inline-block; height: 40px; width: 40px; background: #ff8c8c; line-height: 40px; text-align: center; color: #fff; font-size: 20px; z-index: 999; opacity: 0; } .left-arrow.slick-arrow, .right-arrow.slick-arrow { transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); position: absolute; top: 50%; cursor: pointer; } .left-arrow.slick-arrow { left: 0; } .right-arrow.slick-arrow { right: 0; } .slick-slider:hover .slick-arrow { opacity: 1; } .slick-slider:hover .slick-arrow, .slick-slider .slick-arrow { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } /*-------------------------------------------------------------- # Room Slider Css Starts --------------------------------------------------------------*/ .elementor-widget-rooms-slider .rooms-slider .room-item img { width: 100%; } .elementor-widget-rooms-slider .rooms-slider .room-item .room-item-caption { text-align: center; padding-top: 45px; } .elementor-widget-rooms-slider .rooms-slider .room-item .room-item-caption h4 { display: inline-block; margin-top: 0px; margin-bottom: 30px; font-size: 20px; color: #555; font-family: 'Tangerine', cursive; font-weight: 400; } .elementor-widget-rooms-slider .rooms-slider .room-item .room-item-caption h4 a { color: #555; } /*-------------------------------------------------------------- # Testimonial Slider Css Starts --------------------------------------------------------------*/ .elementor-widget-hotel-romantica-testimonials-slider, .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-image-wrapper { text-align: center; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item { padding-top: 30px; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider { width: 80%; display: inline-block; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-image-wrapper img { display: inline-block; max-width: 80px; border-radius: 50%; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-item-text-content h4 { color: #fff; font-size: 20px; font-family: 'Lato', sans-serif; line-height: 1; font-weight: 400; margin-bottom: 0px; margin-top: 0px; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-item-text-content p { color: #fff; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-item-text-content .testimonial-text { position: relative; z-index: 99; padding: 40px; background: rgba(255, 255, 255, 0.3); color: #fff; margin-bottom: 40px; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-item-text-content .testimonial-text:after { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 60px; position: absolute; top: -30px; left: 30px; color: #ff8c8c; z-index: -1; line-height: 1; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .left-arrow.slick-arrow, .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .right-arrow.slick-arrow { top: -25px; transform: none; } .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .left-arrow.slick-arrow { left: unset; right: 50px; } .testimonial-info-wrapper { display: flex; justify-content: center; align-items: center; } .testimonial-image-wrapper { margin-right: 15px; } .testimonial-content-wrapper { text-align: left; } .testimonial-content-wrapper .client-rating { display: block; color: #ff8c8c; } .testimonial-content-wrapper .client-position { color: lightgray; font-size: 14px; } .testimonial-content-wrapper .client-rating .fas { margin-right: 4px; } /*-------------------------------------------------------------- # Booking Css Starts --------------------------------------------------------------*/ #abc-widget-wrapper { width: auto !important; padding: 0 !important; } #abc-widget-wrapper .abc-form { display: inline-block; min-width: 100%; } #abc-widget-wrapper .abc-form label, #abc-form-wrapper #abc-form-content .abc-form label { width: 100%; font-size: 16px; color: #555;letter-spacing:3px; } #abc-widget-wrapper .abc-form .abc-widget { max-width: 100%; width: 100%; } .hotel-romantica-form-wrapper .abc-widget { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; } .widget-area .hotel-romantica-form-wrapper .abc-widget { grid-template-columns: 1fr; } .widget-area #abc-widget-wrapper.hotel-romantica-form-wrapper .abc-form .abc-widget-row { width: 100%; } #abc-widget-wrapper .abc-form .abc-input-fa input, #abc-widget-wrapper .abc-form .abc-input-fa select, #abc-form-wrapper #abc-form-content .abc-input-fa input, #abc-form-wrapper #abc-form-content .abc-input-fa select { height: 42px; width: 100%; max-width: 100%; border: 1px solid #ddd; background: transparent; } #abc-widget-wrapper .abc-form .abc-input-fa span, #abc-form-wrapper #abc-form-content .abc-input-fa span { top: 15px; left: 15px; font-size: 16px; } #abc-widget-wrapper .abc-form .abc-input-fa span.abc-guest2, #abc-form-wrapper #abc-form-content .abc-input-fa span.abc-guest2 { left: 28px; } #abc-widget-wrapper .abc-form .abc-input-fa select, #abc-form-wrapper #abc-form-content .abc-input-fa select { padding-left: 45px; } #abc-widget-wrapper .abc-form .abc-widget-row, #abc-form-wrapper #abc-form-content .abc-form-row { padding-top: 15px; max-width: 100%; } #abc-widget-wrapper.hotel-romantica-form-wrapper .abc-form .abc-widget-row { padding: 0; } #abc-widget-wrapper.hotel-romantica-form-wrapper .abc-form .abc-input-fa input, #abc-widget-wrapper.hotel-romantica-form-wrapper .abc-form .abc-input-fa select { background: #FFF; } #abc-form-wrapper #abc-form-content .abc-form-row { padding-left: 0; padding-right: 0; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #7a7a7a !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #7a7a7a !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7a7a7a !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #7a7a7a !important; } #abc-widget-wrapper .abc-form .abc-widget-row .abc-submit, #abc-form-wrapper #abc-form-content .abc-form-row .abc-submit { width: 100%; background: #ff8c8c; padding: 14px 15px; text-align: center; transition: all linear 0.3s; } #abc-widget-wrapper .abc-form .abc-widget-row .abc-submit:hover, #abc-form-wrapper #abc-form-content .abc-form-row .abc-submit:hover { background: #ff6363; } #abc-widget-wrapper .abc-form .abc-widget-row .abc-submit:focus, #abc-form-wrapper #abc-form-content .abc-form-row .abc-submit:focus { background: #ff6363; } #abc-form-wrapper #abc-form-content .abc-form-row .abc-submit { width: auto; } #abc-form-wrapper { padding: 0 !important; max-width: 100% !important; width: 100% !important; } #abc-form-wrapper #abc-form-content { width: 100%; } #abc-form-wrapper #abc-form-content .abc-column { width: 100%; padding: 0; } #abc-bookingresults { padding: 10px 0 !important; } #abc-bookingresults .abc-result-header { padding: 15px 0px; display: inline-block; } #abc-bookingresults .abc-result-header, #abc-bookingresults .abc-result-roomname { font-weight: 700; font-size: 20px; color: #555; } #abc-bookingresults .abc-result-roomname { font-size: 16px; margin-bottom: 10px; display: inline-block; margin-right: 10px; } #abc-bookingresults .abc-result-calendar { border-top: 1px solid #ddd; margin-bottom: 15px; } #abc-bookingresults form .abc-submit { position: relative; background: #ff8c8c; padding: 8px 26px 8px 12px; text-align: center; display: inline-block; font-size: 16px; margin-top: 15px; transition: all linear 0.3s; } #abc-bookingresults form .abc-submit:hover { background: #ff6363; } #abc-bookingresults form .abc-submit span.fa { position: absolute; right: 8px; top: 54%; transform: translate(0, -50%); font-size: 14px; } #abc-bookingresults .abc-form-hr { border-bottom-color: #ddd; margin-bottom: 20px; } #abc-form-wrapper #abc-form-content #abc-bookingresults form .abc-column { width: 50%; padding-left: 10px; padding-right: 10px; } #abc-form-wrapper #abc-form-content #abc-bookingresults form label { width: 100%; font-size: 16px; color: #555;letter-spacing:3px; } #abc-form-wrapper #abc-form-content #abc-bookingresults form input, #abc-form-wrapper #abc-form-content #abc-bookingresults form select, #abc-form-wrapper #abc-form-content #abc-bookingresults form textarea { height: 42px; width: 100%; max-width: 100%; border: 1px solid #ddd; border-radius: 0px; margin-bottom: 15px; } #abc-form-wrapper #abc-form-content #abc-bookingresults form textarea { height: 125px; } #abc-form-wrapper #abc-form-content #abc-bookingresults form .abc-fullcolumn b { font-family: 'Tangerine', cursive; font-weight: 400; font-size: 20px; color: #555; margin-bottom: 15px; display: inline-block; } #abc-form-wrapper #abc-form-content #abc-bookingresults form .abc-fullcolumn #abc-bookingform-totalprice b { color: #ff8c8c; margin-top: 15px; margin-bottom: 0px; } .abc-form-error, #abc-form-wrapper #abc-form-content #abc-bookingresults form label.abc-form-error { color: #ff0000; } /*-------------------------------------------------------------- # Home Booking Css Starts --------------------------------------------------------------*/ .home #abc-form-wrapper { background-color: rgba(0, 0, 0, 0.26); max-width: 900px !important; margin: 0 auto; } .home #abc-form-wrapper #abc-form-content { padding: 30px; } .home #abc-form-wrapper #abc-form-content .abc-input-fa input, .home #abc-form-wrapper #abc-form-content .abc-input-fa select { background: #fff; } /*-------------------------------------------------------------- # Default Single Css Starts --------------------------------------------------------------*/ .wp-block-gallery { margin-left: 0; } .hr-amenities { list-style: none; } .hr-amenities li { position: relative; padding-left: 25px; margin-bottom: 15px; } .hr-amenities li:last-child { margin-bottom: 0px; } .hr-amenities li:before { content: "\f061"; position: absolute; top: 0; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; } /* Pagination starts */ .pagination { float: left; width: 100%; padding: 0; } .pagination { margin-top: 50px; } .pagination .nav-links { padding: 0px; margin-bottom: 0px; } .pagination .nav-links .page-numbers { display: inline-block; color: #808080; padding: 9px 14px; line-height: 1; margin-right: 4px; border: 1px solid #ff8c8c; } .pagination .nav-links .page-numbers.current, .pagination .nav-links a.page-numbers:hover { background: #ff8c8c; color: #fff; } /*-------------------------------------------------------------- # Sidebar Css Starts --------------------------------------------------------------*/ #secondary form { position: relative; } #secondary form input[type="search"], .search-form input[type="search"] { padding: 10px 100px 10px 10px; width: 100%; box-sizing: border-box; font-size: 16px; font-weight: 400; border: 1px solid #ddd; border-radius: 0; } .search-form input[type="search"] { max-width: 300px; padding: 8px; } #secondary form input[type="submit"] { float: left; color: #fff; font-size: 16px; text-align: center; position: absolute; top: 0; right: 0; border-radius: 0; background-color: #ff8c8c; border: 0px; padding: 15px 25px; transition: all linear 0.3s; } #secondary form input[type="submit"]:hover, #secondary form input[type="submit"]:focus { background: #ff6363; } #secondary .widget { margin-bottom: 30px; margin-top: 0px; text-align: left; display: inline-block; width: 100%; padding: 20px; background: #fff9f9; border: 1px solid #e9e9e9; } #secondary .widget:last-child { margin-bottom: 0px; } #secondary .widget .widget-title { color: #555; position: relative; margin-top: 0px; margin-bottom: 15px; } #secondary .widget .widget-title:after { content: ""; background: #ff8c8c; width: 50px; height: 2px; position: absolute; bottom: 0px; left: 0; } #secondary .widget ul { margin: 0; text-align: left; list-style: none; padding-left: 0px; } #secondary .widget ul li, #secondary .widget ul li a { color: #555;letter-spacing:3px; font-size: 16px; width: 100% } #secondary .widget ul li a { display: block; margin-bottom: 6px; transition: all linear 0.2s; } #secondary .widget ul li a:hover { color: #ff8c8c; } #secondary .widget ul li:last-child { margin-bottom: 0px; } #secondary .widget ul li:before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: left; margin-right: 10px; } /*-------------------------------------------------------------- # Footer Css Starts --------------------------------------------------------------*/ .site-footer { background: #1a1a1a; display: inline-block; width: 100%; vertical-align: top; } .footer-logo, #footer-navigation, .footer-up, #footer-widgets, .footer-site-info { float: left; width: 100%; } .footer-logo, #footer-navigation, .footer-up { text-align: center; } .footer-up { line-height: 0; padding: 60px 0px 0px 0px; margin-bottom: 45px; } .footer-up-content { width: 80%; display: inline-block; line-height: 1.5; } .footer-logo .custom-logo-link { max-width: 239px; } .footer-logo { margin-bottom: 30px; } #footer-navigation { padding-bottom: 30px; border-bottom: 1px solid #272727; } #footer-navigation ul { padding: 0; margin: 0; list-style: none; display: inline-block; } #footer-navigation ul li { display: inline-block; } #footer-navigation ul li a { color: #808080; padding: 0px 10px; } #footer-navigation ul li a:visited { color: #808080; } #footer-navigation ul li a:hover { color: #ff8c8c; } .footer-widgets-inner-wrapper { display: inline-block; margin: 0 -15px; padding: 50px 0 50px 0; } #footer-widgets .widget-column { padding-left: 15px; padding-right: 15px; word-wrap: break-word; float: left; } #footer-widgets .widget-column .widget { margin-bottom: 0; } #footer-widgets .footer-active-4 { width: 25%; } #footer-widgets .footer-active-3 { width: 33.33%; } #footer-widgets .footer-active-2 { width: 50%; } #footer-widgets .footer-active-1 { width: 100%; } #footer-widgets ul { list-style: none; margin: 0; padding: 0; } .footer-double-menu li { display: inline-block; max-width: 46%; } #footer-widgets .widget-title { margin-top: 0px; margin-bottom: 30px; color: #fff; font-size: 30px; font-weight: 400; padding-bottom: 10px; position: relative; } #footer-widgets .widget-title:after { content: ""; width: 50px; height: 2px; background: #ff8c8c; position: absolute; bottom: 0; left: 0; } #footer-widgets .textwidget p { color: #808080; } #footer-widgets ul li { color: #808080; width: 100%; position: relative; margin-bottom: 15px; } #footer-widgets ul li i { margin-right: 5px; } #footer-widgets ul li:last-child { margin-bottom: 0px; } #footer-widgets ul li a, #footer-widgets ul li a:visited { color: #808080; } #footer-widgets ul li:hover a { color: #ff8c8c; } .footer-site-info { background: #fff; padding: 20px 0px; } .footer-site-info .credits { float: left; } .footer-site-info .site-info { float: right; } /* Mobile Menu css */ .mobile-menu-wrap { display: none; } /* Scroll To Top */ .scrollup { background-color: #ff8c8c; border-radius: 50%; height: 50px; width: 50px; bottom: 50px; color: #fff; display: none; float: right; position: fixed; right: 10px; text-align: center; z-index: 99999; line-height: 47px; font-size: 20px; transition: all 0.5s ease-in-out 0s; } .scrollup:hover, .scrollup:focus { background-color: #ff6363; transition: all 0.5s ease-in-out 0s; color: #fff; } /** Breadcrumb */ #breadcrumb { padding: 21px 0; float: right; max-width: 1240px; margin: 0 auto; } #breadcrumb .container>div { overflow: hidden; } #breadcrumb .container { padding: 0; } #breadcrumb .breadcrumb-trail li { display: block; float: left; list-style: outside none none; padding-right: 10px; } #breadcrumb .breadcrumb-trail li.trail-item.trail-end::after { display: none; } #breadcrumb .breadcrumb-trail li::after { content: "\2F"; margin-left: 10px; color: #ddd; } #breadcrumb .breadcrumb-trail .trail-items { margin: 0; padding: 0; } #breadcrumb { color: #FFF; } #breadcrumb a { color: #FFF; } #breadcrumb a:hover { color: #555; } /*------------------------------------------------------------- Room Rows Css --------------------------------------------------------------*/ .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article { float: left; width: 100%; background-color: #fff; clear: both; margin-bottom: 30px; padding-left: 0px; padding-right: 0px; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-thumbnail { float: left; width: 47%; line-height: 0; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-thumbnail img { width: 100%; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article.room-even .room-thumbnail { float: right; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap { padding: 41px; float: left; width: 53%; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article.room-even .room-grid-text-wrap { text-align: right; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-price { color: #ff8c8c; font-size: 18px; font-weight: 700; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-description { margin-top: 10px; margin-bottom: 20px; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-buttons a, .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-buttons a:visited, .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-buttons a:focus { color: #fff; } .error404 #primary { width: 100%; text-align: center; } .error404 #primary .page-title { font-size: 45px; margin: 0; } .error404 #primary .page-content { margin-top: 0; } .error404 #primary .page-content p { margin: 0px 0px 20px; } .error404 #primary .page-content input[type="submit"] { margin-left: -4px; } /*-------------------------------------------------------------- # Media Queries Css Starts --------------------------------------------------------------*/ @media screen and (max-width: 1180px) { .container { max-width: 100%; } #secondary #abc-widget-wrapper .abc-form { min-width: 100%; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap { padding: 30px; } } @media only screen and (max-width:900px) { /* Mobile Menu css */ .mobile-menu-wrap { display: inline-block; width: 100%; padding: 10px 20px; position: relative; background: #ff8c8c; } .mobile-menu-wrap #mobile-menu-control { color: #fff; } .mobile-menu-wrap #mobile-menu-control:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 15px; } #mobile-menu-control { display: block; } .main-navigation { display: none; } .site-header { padding: 25px 0px; } .site-header.fixed, .transparent-header-enabled.site-header { position: relative; background: transparent; padding: 25px 0px; top: unset; left: unset; } #abc-widget-wrapper .abc-form { min-width: 100%; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap .room-description { margin: 10px 0; } } @media screen and (max-width: 551px) { .footer-logo, #footer-navigation, .footer-up { text-align: left; } #footer-navigation ul li:first-child a { padding-left: 0; } .footer-site-info .site-info { float: left; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next, .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { width: 100%; padding-left: 0; padding-right: 0; } #abc-form-wrapper #abc-form-content #abc-bookingresults form .abc-column { width: 100%; } home #abc-form-wrapper { width: 300px !important; } } @media only screen and (max-width: 832px) { .hotel-romantica-form-wrapper .abc-widget { grid-template-columns: repeat(2, 1fr); } #abc-widget-wrapper.hotel-romantica-form-wrapper .abc-form .abc-widget-row { width: 100%; } } @media screen and (max-width: 991px) { #secondary form input[type="submit"] { position: static; width: 100%; } } @media screen and (max-width: 767px) { #primary, #secondary, #footer-widgets .footer-active-4, #footer-widgets .footer-active-3, #footer-widgets .footer-active-2, .footer-up-content, .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider { width: 100%; } #secondary { margin-top: 30px; } #footer-navigation ul li a, .elementor-widget-hotel-romantica-testimonials-slider .testimonials-slider .testimonial-item .testimonial-item-inner { padding: 20px; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-thumbnail, .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article .room-grid-text-wrap { width: 100%; } .elementor-widget-hotel-romantica-rooms-grid .lumber-grid article.room-even .room-grid-text-wrap { text-align: left; } .site-navigation { width: 100%; } .hotel-romantica-form-wrapper .abc-widget { grid-template-columns: 1fr; } .site-branding { margin-bottom: 25px; } .search-form input[type="search"] { max-width: 100%; } .error404 #primary .page-content input[type="submit"] { width: 100%; margin-top: 5px; } .footer-site-info .credits, .footer-site-info .site-info { float: none; text-align: center; } #footer-widgets .widget-title { padding-bottom: 4px; margin-bottom: 15px; } #footer-widgets .widget-column { margin-bottom: 30px; } .footer-widgets-inner-wrapper { padding: 30px 0 0 0; } .footer-double-menu li { max-width: 100%; } } @media screen and (max-width: 510px) { .top-header-bar .top-left, .top-header-bar .top-right { float: none; text-align: center; margin-bottom: 6px; } .top-header-bar span { display: block; } .top-header-bar span.phone { padding: 0; border: none; } .site-branding { flex-direction: column; align-items: center; } .title-wrapper { margin: 10px 0 0 0; } .site-title, .site-title a, .site-description { float: none; text-align: center; } .menu-toggle, .navigation-wrap .branding-button { padding: 15px; } #breadcrumb { max-width: 100%; float: none; padding: 0; } #custom-header .page-title { line-height: 1; } #main { padding: 15px; } .blog #main article, .archive #main article, .search #main article { padding: 15px; } .comment-form-author, .comment-form-email, .comment-form-url { width: 100%; float: none; margin-top: 10px; } .comment-form-cookies-consent { position: relative; } .comments-area form#commentform p.comment-form-cookies-consent input[type="checkbox"] { position: absolute; top: 7px; } .comment-form-cookies-consent label { margin-left: 25px; } .comment-form .form-submit input { width: 100%; } .error404 #primary .page-title { font-size: 32px; } #content { padding: 25px 0; } .entry-title { font-size: 30px; line-height: 32px; margin-bottom: 10px; } }