Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*-----------------------------------------------------------------------------------
- Theme Name: Bentuestu
- Theme URI: http://www.demo.mesathemes.com
- Description: Bentuestu One page Wordpress Theme perfect for renting out house, B&B, guest house and small hotel. WPML and Booking System Pro Supported.
- Author: Mesacreativa
- Author URI: http://www.mesathemes.com
- Version: 2.6.1
- License: GNU General Public License version 3.0 & Envato Regular License
- License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
- Text Domain: bentuestu
- -----------------------------------------------------------------------------------
- 0. CSS Reset & Clearfix
- 1. Document Setup (body, common classes, vertical rhythm, structure etc)
- 2. Header Styles
- 3. Main Content Styles
- 4. Post Content Styles
- 5. Comments
- 6. Pagination
- 7. Footer Styles
- 8. Page & Page Templates
- 9. Widgets
- 10. Animation Modules Settings
- 11. Retina support
- 12. Shortcodes
- 13. Plugins styles
- 14. Media Queries
- -----------------------------------------------------------------------------------*/
- /*-----------------------------------------------------------------------------------*/
- /* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
- /*-----------------------------------------------------------------------------------*/
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
- .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
- /*-----------------------------------------------------------------------------------*/
- /* 1. Document Setup (body, common classes, vertical rhythm, structure etc)
- /*-----------------------------------------------------------------------------------*/
- html {
- font-size: 62.5%; /* Sets up the Base 10 stuff */
- }
- body {
- font-family: 'Montserrat', sans-serif;
- font-size: 1.4rem;
- line-height: 24px;
- font-weight: normal;
- color: #7f8c8d;
- }
- h1, h2, h3, h4, h5, h6 {
- font-family: 'Montserrat', sans-serif;
- color: #000;
- text-transform: uppercase;
- }
- h1 {
- font-size: 2.2rem;
- font-weight: normal;
- line-height: 32px;
- letter-spacing: 0.1em;
- padding-left: -0.1em;
- margin-bottom: 25px;
- }
- h2 {
- font-size: 1.8rem;
- line-height: 28px;
- font-weight: normal;
- margin-bottom: 25px;
- letter-spacing: 0.1em;
- padding-left: -0.1em;
- }
- h3 {
- font-size: 1.6rem;
- font-weight: normal;
- line-height: 2.6rem;
- margin-bottom: 20px;
- letter-spacing: 0.1em;
- padding-left: -0.1em;
- }
- h4 {
- font-size: 1.4rem;
- margin-bottom: 20px;
- letter-spacing: 0.1em;
- padding-left: -0.1em;
- }
- h5 {
- font-size: 1.4rem;
- line-height: 18px;
- text-transform: none;
- margin-bottom: 20px;
- }
- h6 {
- font-size: 1.2rem;
- line-height: 16px;
- margin-bottom: 20px;
- letter-spacing: 0.05em;
- padding-left: -0.05em;
- }
- .h2-divider {
- height: 1px;
- width: 120px;
- background: #000;
- display: block;
- margin: 0 auto 80px auto;
- }
- a, a:hover, a:visited, a:active, a:focus {
- color: #446db2;
- text-decoration: none;
- font-weight: normal;
- }
- a img { border: none; }
- a > img { vertical-align: bottom; }
- p,
- pre,
- ul,
- ol,
- dl,
- dd,
- blockquote,
- address,
- table,
- fieldset,
- form,
- .gallery-row,
- .post-thumb,
- .video-thumb,
- .audio-thumb,
- .author-bio { margin-bottom: 20px; }
- p,
- address {
- line-height: 24px;
- }
- hr {
- margin-bottom: 40px;
- border-color: #e9ecec;
- }
- pre {
- border: 1px solid #dddddd;
- padding: 20px !important;
- background: #f1f1f1;
- margin-bottom: 30px !important;
- margin-top: 20px !important;
- white-space: pre-wrap;
- font-family: monospace, serif;
- font-size: 16px;
- color: #999;
- }
- /* subtitle */
- .subtitle {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.8rem;
- line-height: 30px;
- margin-top: -65px;
- margin-bottom: 65px;
- }
- /* check list */
- .check-list {
- padding-left: 0;
- margin: 0;
- list-style: none;
- }
- .check-list:before,
- .check-list:after {
- content: " ";
- display: table;
- }
- .check-list:after {
- clear: both;
- }
- .check-list li {
- height: 28px;
- line-height: 28px;
- margin-bottom: 13px;
- }
- .check-list li i {
- font-size: 28px;
- float: left;
- margin-right: 17px;
- color: #33BA9C;
- }
- .check-list li.floated {
- float: left;
- width: 33.333333%;
- }
- .check-list li.disabled i {
- color: #D7DCDE;
- }
- /* check list inline */
- .check-list.inline li {
- float: left;
- width: 50%;
- }
- /* property details */
- .details-list {
- margin: 0 0 40px 0;
- padding-left: 0;
- list-style: none;
- }
- .details-list:before,
- .details-list:after {
- content: " ";
- display: table;
- }
- .details-list:after {
- clear: both;
- }
- .details-list li {
- width: 25%;
- height: 36px;
- line-height: 36px;
- margin-bottom: 25px;
- display: inline-block;
- float: left;
- }
- .details-list i {
- font-size: 32px;
- color: #61AEE0;
- padding-right: 20px;
- display: inline-block;
- height: 32px;
- float: left;
- }
- .details-list span {
- display: inline-block;
- float: left;
- height: 32px;
- line-height: 32px;
- }
- /* collapse */
- .collapse {
- height: 0;
- visibility: hidden;
- }
- .in {
- visibility: visible;
- }
- /* pull classes */
- .pull-left {
- float: left;
- }
- .pull-right {
- float: right;
- }
- /* back to top */
- #back_to_top {
- position: fixed;
- right: 20px;
- top: 85%;
- z-index: 99;
- display: none;
- margin: 0;
- width: 48px;
- height: 48px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- background: #666 url(img/back_top.png) center center no-repeat;
- opacity: 0.25;
- -webkit-transition: opacity 0.15s ease-in-out 0s;
- -moz-transition: opacity 0.15s ease-in-out 0s;
- -o-transition: opacity 0.15s ease-in-out 0s;
- transition: opacity 0.15s ease-in-out 0s;
- }
- #back_to_top:hover {
- opacity: 1;
- }
- #overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #000;
- filter: alpha(opacity=70);
- -moz-opacity:0.7;
- -khtml-opacity: 0.7;
- opacity: 0.7;
- z-index: 999;
- display: none;
- }
- /* Structure --------------------------------------------------------------*/
- .block {
- padding: 80px 0;
- }
- .block.gray {
- background: #f6f8f8;
- }
- /* Collapsible contents ---------------------------------------------------*/
- .collapsible-container:before,
- .collapsible-container:after {
- content: " ";
- display: table;
- }
- .collapsible-container:after {
- clear: both;
- }
- .collapsible-header {
- display: none;
- }
- .collapsible-content,
- .collapsible-content.open {
- height: auto;
- overflow: inherit;
- }
- /* Buttons ----------------------------------------------------------------*/
- .button-primary {
- display: inline-block;
- padding: 12px 20px;
- background-color: #1ABC9C;
- color: #FFFFFF;
- vertical-align: middle;
- text-align: center;
- text-transform: uppercase;
- font-weight: 400;
- font-size: 14.5px;
- cursor: pointer;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- -webkit-transition: background 0.1s linear;
- -moz-transition: background 0.1s linear;
- -o-transition: background 0.1s linear;
- transition: background 0.1s linear;
- }
- /* Button States */
- .button-primary:hover,
- .button-primary:active,
- .button-primary:focus,
- .button-primary:visited {
- background-color: #1ABC9C;
- color: #FFFFFF;
- }
- /* Button Sizes */
- .button-primary.button-large {
- padding: 16px 30px;
- font-size: 16.5px;
- }
- .button-primary.button-small {
- padding: 8px 18px;
- font-size: 12.5px;
- }
- .button-primary.button-mini {
- padding: 4px 12px;
- font-size: 11.5px;
- }
- .button-primary.button-block {
- padding-right: 0;
- padding-left: 0;
- width: 100%;
- }
- .button-primary + .button-primary {
- margin-left: 10px;
- }
- /* Button Inverted */
- .button-primary.inverted {
- background-color: #5DADE2;
- }
- .button-primary.inverted:hover,
- .button-primary.inverted:active,
- .button-primary.inverted:focus {
- background-color: #5DADE2;
- color: #FFFFFF;
- }
- /* Button + icon */
- .button-primary i {
- position: relative;
- top: 1px;
- left: -2px;
- margin-right: 5px;
- }
- /* Divider ----------------------------------------------------------------*/
- .blank_divider {
- width: 100%;
- height: 20px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 2. Header Styles
- /*-----------------------------------------------------------------------------------*/
- /* header */
- .header-wrapper {
- height: auto; /* 110px */
- padding: 20px 0;
- }
- .header-wrapper [class^="col-"] {
- z-index: 999; /* 99 */
- }
- /* Site Header Wrapper */
- .site-header-wrapper {
- position: relative;
- }
- /* Site Branding */
- .site-branding {
- float: left;
- height: auto;
- margin-right: 35px;
- display: inline-block;
- }
- .header-wrapper #logo {
- display: block;
- font-size: 1.8rem;
- font-weight: normal;
- line-height: 60px;
- letter-spacing: 0.1em;
- text-transform: uppercase;
- color: #000;
- }
- .header-wrapper #logo:hover,
- .header-wrapper #logo:focus,
- .header-wrapper #logo:active {
- color: #000;
- }
- .header-wrapper #logo.logo-img {
- }
- .header-wrapper #logo img {
- width: auto;
- opacity: 1;
- vertical-align: top;
- -webkit-transition: opacity 0.15s ease-in-out 0s;
- -moz-transition: opacity 0.15s ease-in-out 0s;
- -o-transition: opacity 0.15s ease-in-out 0s;
- transition: opacity 0.15s ease-in-out 0s;
- }
- #logo img.standard {
- display: block;
- }
- #logo img.retina {
- display: none;
- }
- /* Main Menu Container */
- .main-menu-container {
- float: right;
- position: relative;
- display: block;
- }
- #main-nav {
- width: auto;
- height: 110px;
- float: right;
- }
- #main-nav ul {
- line-height: 110px;
- margin-bottom: 0;
- }
- #main-nav li {
- display: inline;
- margin-right: 25px;
- }
- #main-nav li:last-child {
- margin-right: 0;
- }
- #main-nav li a {
- font-size: 1.4rem;
- text-transform: uppercase;
- color: #7f8c8d;
- }
- /* Language selector */
- .site-tools {
- position: absolute;
- right: 0;
- padding: 10px 0;
- z-index: 3;
- float: right;
- }
- .lang_selector {
- margin-bottom: 0;
- padding: 0;
- z-index: 3;
- }
- .lang_selector li {
- list-style: none;
- }
- .lang_selector li a {
- background-color: #00BD9C;
- display: inline-block;
- width: 43px;
- height: 43px;
- line-height: 43px;
- border-radius: 999px;
- text-align: center;
- color: #FFF;
- }
- .lang_selector li:hover > ul.sub-menu {
- display: block;
- }
- .lang_selector .sub-menu {
- display: none;
- padding-left: 0;
- padding-top: 10px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 3. Main Content Styles
- /*-----------------------------------------------------------------------------------*/
- /* Gallery ----------------------------------------------------------------*/
- #gallery, .rev-slider-gallery {
- min-height: 350px;
- padding: 0;
- background: #f5f5f5;
- position: relative;
- }
- /* Revolution slider controls */
- #gallery .tp-bullets.simplebullets.round .bullet,
- #gallery .tp-bullets.simplebullets.round .bullet:hover,
- .rev-slider-gallery .tp-bullets.simplebullets.round .bullet,
- .rev-slider-gallery .tp-bullets.simplebullets.round .bullet:hover {
- background: url(img/pager.png) no-repeat top left;
- width: 21px;
- height: 21px;
- margin-left: 4px;
- }
- #gallery .tp-bullets.simplebullets.round .bullet.selected,
- .rev-slider-gallery .tp-bullets.simplebullets.round .bullet.selected {
- background-position: bottom left;
- }
- #gallery .tp-leftarrow.default,
- .rev-slider-gallery .tp-leftarrow.default {
- background: url(img/slider-controls.png) no-repeat 0 0;
- width: 60px;
- height: 60px;
- }
- #gallery .tp-rightarrow.default,
- .rev-slider-gallery .tp-rightarrow.default {
- background: url(img/slider-controls.png) no-repeat 0 -60px;
- width:60px;
- height:60px;
- }
- /* Reservation ------------------------------------------------------------*/
- #reservation {
- padding-bottom: 0;
- }
- /* Calendar ---------------------------------------------------------------*/
- #calendar {
- -moz-transition: height .5s;
- -ms-transition: height .5s;
- -o-transition: height .5s;
- -webkit-transition: height .5s;
- transition: height .5s;
- height: 0;
- overflow: hidden;
- }
- .subtitle.calendar {
- margin-bottom: 30px;
- }
- .calendar-inner {
- position: relative;
- }
- .calendar-inner a.toggle-calendar {
- position: absolute;
- right: 20px;
- top: 20px;
- background: transparent url(img/close_calendar.png) top right no-repeat;
- display:block;
- width: 39px;
- height: 39px;
- text-indent: -999em;
- overflow: hidden;
- }
- /* check list inline */
- #calendar .check-list.inline {
- margin: 88px 0 20px 0; /* 50px 0 20px 0 */
- }
- #calendar .check-list.inline li i {
- margin-right: 15px;
- padding-top: 3px;
- }
- /* available */
- #calendar .check-list.inline li.availability.available i {
- color: #29bb9c;
- }
- /* booked */
- #calendar .check-list.inline li.availability.booked i {
- color: #dd6464;
- }
- /* promo */
- #calendar .check-list.inline li.availability.promo i {
- color: #ba68ba;
- }
- /* Booking ----------------------------------------------------------------*/
- #booking {
- margin-top: 35px;
- padding-top: 0;
- padding-bottom: 62px;
- }
- #booking .media {
- min-height: 70px;
- position: relative;
- }
- #booking .date {
- line-height: 24px;
- }
- #booking .media > .pull-left {
- margin-right: 18px;
- }
- #booking .title {
- display: block;
- margin-top: 12px;
- font-size: 1.8rem;
- color: #000;
- }
- #booking .date-picker {
- background: #1abc9c;
- width: 65px;
- height: 65px;
- line-height: 65px;
- text-align: center;
- display: inline-block;
- font-size: 2.8rem;
- color: #fff;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- box-shadow: 0 3px 0 0px #16A085;
- }
- #booking .setDate {
- background-image: url(img/set-date.png);
- background-position: center center;
- background-repeat: no-repeat;
- }
- #booking .date-picker.blue {
- background: #5dade2;
- box-shadow: 0 3px 0 0px #2980B9;
- }
- /* price */
- #booking .price {
- height: 65px;
- line-height: 60px;
- display: inline-block;
- padding: 0 15px;
- font-size: 2.6rem;
- color: #1abc9c;
- border: 3px solid #1abc9c;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- #booking .price small {
- display: none;
- /*font-size: 1.8rem;*/
- }
- #booking .btn {
- background: #1abc9c;
- color: #fff;
- font-size: 1.6rem;
- text-transform: uppercase;
- padding: 15px 60px;
- box-shadow: 0 3px 0 0px #16A085!important;
- margin: 40px auto 0 auto;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- /* Property details -------------------------------------------------------*/
- #property-details.block {
- padding-bottom: 0;
- }
- /* Details Gallery --------------------------------------------------------*/
- .details-gallery {
- margin: 60px 0 0 0;
- padding: 0;
- }
- .gallery-item {
- width: 25%;
- min-height: 100px;
- margin: 0;
- display: inline-block;
- float: left;
- overflow: hidden;
- position: relative;
- }
- .gallery-item .hover-wrap {
- position: relative;
- display: block;
- overflow: hidden;
- width: 100%;
- height: 100%;
- }
- .gallery-item img {
- width: 100%;
- }
- /* Thumb transitions */
- .gallery-item img {
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- .gallery-item:hover img {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
- transform: scale(1.1);
- }
- .gallery-item .overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- display: block;
- opacity: 0;
- filter: alpha(opacity=0);
- background-color: rgba(1, 188, 158, .75);
- background-image: url(img/zoom.png);
- background-position: center 40%;
- background-repeat: no-repeat;
- -webkit-transition: opacity 0.15s ease-in-out 0s;
- -moz-transition: opacity 0.15s ease-in-out 0s;
- -o-transition: opacity 0.15s ease-in-out 0s;
- transition: opacity 0.15s ease-in-out 0s;
- }
- .gallery-item:hover .overlay {
- opacity: 1;
- filter: alpha(opacity=1);
- }
- .gallery-item .overlay-meta {
- position: absolute;
- bottom: 20px;
- left: 20px;
- }
- .gallery-item .overlay-meta h3 {
- font-size: 1.4rem;
- color: #fff;
- font-weight: normal;
- margin-bottom: 0;
- }
- .gallery-item .overlay-meta .caption {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #fff;
- font-size: 1.6rem;
- line-height: 28px;
- }
- /* Owners -----------------------------------------------------------------*/
- #owners .media .media-heading {
- font-size: 1.6rem;
- font-weight: normal;
- text-transform: uppercase;
- color: #666;
- margin: 15px 0 5px 0;
- }
- #owners .media .subtitle {
- margin: 0 0 10px 0;
- }
- #owners .media img {
- -webkit-border-radius: 100%;
- -moz-border-radius: 100%;
- border-radius: 100%;
- }
- /* Experiences ------------------------------------------------------------*/
- #experiences .card-list {
- list-style: none;
- margin-top: 65px;
- margin-bottom: 0;
- padding-left: 0;
- }
- #experiences .card-item {
- background-color: #f0f0f0;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- overflow: hidden;
- }
- #experiences .card-item .card-heading {
- min-height: 150px;
- background-position: center center;
- background-size: 120%;
- }
- #experiences .card-item .card-heading.placeholder {
- background-color: #D7DCDE;
- text-align: center;
- color: #FFF;
- }
- #experiences .card-item .card-heading.placeholder i {
- font-size: 50px;
- display: inline-block;
- margin-top: 20%;
- }
- #experiences .card-item .card-meta {
- padding: 25px 28px;
- }
- #experiences .card-meta h4 {
- color: #464646;
- margin-bottom: 10px;
- font-style: normal;
- }
- #experiences .card-meta p {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #737575;
- height: 72px;
- }
- #experiences .card-meta a,
- #experiences .card-meta a:hover,
- #experiences .card-meta a:visited,
- #experiences .card-meta a:active {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 16px;
- color: #0e0e0e;
- }
- #experiences .owl-controls {
- margin-top: 20px;
- text-align: center;
- }
- #experiences .owl-carousel .owl-controls .owl-dot.active {
- background: #919292;
- }
- /* Weather ----------------------------------------------------------------*/
- #weather .weather-stats {
- padding: 60px 0;
- }
- #weather .weather-stats .row {
- margin: 0;
- }
- /* Select */
- #weather .fancy-select {
- float: none;
- display: inline-flex; /* check */
- width: auto;
- z-index: 999;
- }
- #weather div.fancy-select div.trigger {
- background: transparent;
- padding: 0 15px 0 0;
- font-size: inherit;
- color: #446DB2;
- height: auto;
- line-height: inherit;
- box-shadow: none;
- -webkit-box-shadow: none;
- width: auto;
- border-radius: 0;
- overflow: visible; /* CHECK per ARROW */
- }
- div.fancy-select i {
- display: none!important;
- }
- #weather div.fancy-select i {
- font-size: 10px;
- padding-left: 5px;
- color: #446DB2;
- position: absolute;
- right: 0;
- padding-top: 2px;
- display: inline-block!important;
- }
- #weather div.fancy-select ul.options {
- background-color: #FFF!important;
- padding: 0;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- top: 40px;
- left: -65px;
- width: 170px;
- border: 0;
- height: 165px;
- max-height: 165px;
- overflow-y: scroll;
- }
- #weather div.fancy-select div.trigger.open::before {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
- left: 10px;
- top: 20px;
- border: 10px solid;
- border-color: transparent transparent #f0f0f0 transparent;
- }
- #weather div.fancy-select ul.options li {
- font-family: 'Montserrat', sans-serif!important;
- font-style: normal;
- color: #666;
- padding: 8px 0;
- font-size: 14px;
- background-color: #F0F0F0;
- border-bottom: 1px solid #FFF;
- margin: 0;
- }
- #weather div.fancy-select ul.options li.selected {
- background-color: #61aee0!important;
- color: #FFF;
- }
- #weather div.fancy-select ul.options li:last-child {
- border: 0;
- }
- /* Left area*/
- #weather .degree i {
- font-size: 100px;
- color: #61AEE0;
- float: left;
- }
- #weather .degree p {
- float: left;
- margin-top: 23px;
- margin-left: 20px;
- text-transform: uppercase;
- }
- #weather .degree .value {
- display: block;
- font-size: 32px;
- padding-top: 3px;
- }
- /* Right area */
- #weather .summary ul {
- list-style: none;
- padding: 0;
- margin-top: 23px;
- margin-bottom: 0;
- }
- #weather .summary i {
- float: left;
- font-size: 24px;
- padding-right: 16px;
- line-height: 30px;
- color: #61AEE0;
- }
- #weather .data-info {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #999;
- text-align: center;
- font-size: 14px;
- }
- #weather .data-info i {
- float: left;
- font-size: 16px;
- line-height: 26px;
- padding-right: 10px;
- }
- #weather .data-info p {
- display: inline-block;
- margin: 0;
- }
- /* Directions -------------------------------------------------------------*/
- #directions {
- position: relative;
- }
- .map-arrow {
- position: absolute;
- bottom: -28px;
- z-index: 999;
- width: 100%;
- height: 28px;
- background: transparent url(img/map-arrow.png) top center no-repeat;
- }
- /* map */
- #map {
- padding: 0;
- height: 430px; /* 385px; */
- background: #fff;
- position: relative;
- }
- /* Contacts ---------------------------------------------------------------*/
- #contacts .h2-divider {
- margin: 0 0 25px 0;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 4. Post Content Styles
- /*-----------------------------------------------------------------------------------*/
- .post-container {
- padding-bottom: 50px;
- margin-bottom: 50px;
- border-bottom: 1px solid #e9ecec;
- }
- .entry-meta .published {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.6rem;
- line-height: 30px;
- display: inline-block;
- margin-bottom: 10px;
- }
- .entry-meta .comment-count a,
- .entry-meta a.post-edit-link {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 1.6rem;
- line-height: 30px;
- }
- .entry-title a,
- .entry-title a:hover,
- .entry-title a:visited {
- color: #000;
- text-decoration: none;
- }
- .post-thumb img {
- width: 100%;
- height: auto;
- }
- .more-link {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 1.8rem;
- line-height: 30px;
- display: block;
- margin-top: 10px;
- }
- /* Post Contents Styles ---------------------------------------------------*/
- .post-link,
- .post-quote {
- background: #FBFBFB;
- padding: 30px;
- margin-bottom: 20px;
- text-align: center;
- }
- .quote-author {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 1.6rem;
- line-height: 30px;
- margin-bottom: 0;
- }
- .audio-thumb {
- margin-top: 10px;
- }
- /* Editor styles ----------------------------------------------------------*/
- blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- border-left: 5px solid #eee;
- }
- blockquote p {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #333;
- font-size: 1.8rem;
- line-height: 30px;
- }
- ul, ol {
- padding-left: 20px;
- margin-bottom: 40px;
- }
- ul {
- list-style: disc inside;
- }
- ol {
- list-style: decimal inside;
- }
- li {
- margin-bottom: 10px;
- }
- .post-container li {
- line-height: 24px;
- }
- .dropcap {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #333;
- font-size: 3.8rem;
- line-height: 38px;
- display: block;
- float: left;
- margin: 4px 12px 0 0;
- }
- .highlight-text {
- padding: 0 4px;
- background-color: #57AEDD;
- color: #FFFFFF;
- }
- .special-heading {
- padding: 0 0 15px 0;
- margin: 0;
- width: 100%;
- line-height: 1em;
- overflow: hidden;
- }
- .special-heading:before, .special-heading:after{
- content: "";
- width: 200%;
- height: 1px;
- display: inline-block;
- background-color: #ecf0f1;
- position: relative;
- vertical-align: bottom;
- margin: 0 -200% 0 0;
- left: 20px;
- bottom: 6px;
- }
- .special-heading:before{
- left: -20px;
- margin: 0 0 0 -200%;
- }
- /* default Wp editor styles */
- .wp-caption {
- font-size: 100%;
- }
- .wp-caption-text {
- font-size: 100%;
- }
- .sticky {
- font-size: 100%;
- }
- .gallery-caption {
- font-size: 100%;
- }
- .bypostauthor {
- font-size: 100%;
- }
- .alignright {
- float: right;
- padding-left: 20px;
- }
- .alignleft {
- float: left;
- padding-right: 20px;
- }
- .aligncenter {
- margin-left: auto;
- margin-right: auto;
- display: block;
- padding-bottom: 20px;
- }
- .alignnone {
- display: inline-block;
- padding: 0 10px;
- }
- /* Mediaelement styles ----------------------------------------------------*/
- audio, canvas, video {
- outline: none;
- }
- .mejs-container {
- position: relative;
- min-width: 150px;
- width: 100% !important;
- outline: none;
- background: none;
- vertical-align: top;
- text-align: left;
- text-decoration: none;
- font-family: sans-serif;
- }
- .me-plugin {
- position: absolute;
- }
- .mejs-embed, .mejs-embed body {
- overflow: hidden;
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- background: #000;
- }
- .mejs-container-fullscreen {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1000;
- overflow: hidden;
- }
- .mejs-container-fullscreen .mejs-mediaelement,
- .mejs-container-fullscreen video {
- width: 100%;
- height: 100%;
- background: #000000;
- }
- /* Layers */
- .mejs-background {
- position: absolute;
- top: 0;
- left: 0;
- }
- .mejs-mediaelement {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .mejs-poster {
- position: absolute;
- top: 0;
- left: 0;
- overflow: hidden;
- }
- .mejs-poster img {
- display: block;
- padding: 0;
- width: 100%;
- height: 100%;
- border: 0;
- border: 0;
- }
- .mejs-overlay {
- position: absolute;
- top: 0;
- left: 0;
- width: 100% !important;
- height: 100% !important;
- }
- .mejs-overlay-play {
- width: 100% !important;
- height: 100% !important;
- cursor: pointer;
- }
- .mejs-overlay-button {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -35px 0 0 -35px;
- width: 70px;
- height: 70px;
- -webkit-border-radius: 70px;
- -moz-border-radius: 70px;
- border-radius: 70px;
- background-color: rgba(0,0,0,0.5);
- background-image: url(img/mediaelement/bigplay.png);
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-transition: background 0.15s ease-in-out 0s;
- -moz-transition: background 0.15s ease-in-out 0s;
- -o-transition: background 0.15s ease-in-out 0s;
- transition: background 0.15s ease-in-out 0s;
- }
- .mejs-overlay:hover .mejs-overlay-button {
- background-color: #1ABC9C;
- }
- .mejs-overlay-loading {
- position: absolute;
- top: 50%;
- left: 50%;
- display: none;
- margin: -40px 0 0 -40px;
- width: 80px;
- height: 80px;
- }
- .mejs-overlay-loading span {
- display: block;
- width: 80px;
- height: 80px;
- border-radius: 40px;
- background: #3A3C3D url(img/mediaelement/loading.gif) 50% 50% no-repeat;
- }
- /* Control Bar */
- .mejs-container .mejs-controls {
- position: absolute;
- bottom: 0;
- left: 0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- padding: 10px;
- width: 100%;
- height: 50px;
- background: #333;
- list-style: none;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- }
- /* Format video */
- .format-video .mejs-container .mejs-controls {
- border-radius: 0 0 4px 4px;
- -webkit-border-radius: 0 0 4px 4px;
- -moz-border-radius: 0 0 4px 4px;
- bottom: -4px;
- }
- .mejs-container .mejs-controls div {
- display: block;
- float: left;
- margin: 0;
- padding: 0;
- width: 32px;
- height: 30px;
- list-style-type: none;
- font-size: 11px;
- font-family: sans-serif;
- line-height: 11px;
- }
- .mejs-controls .mejs-button button {
- position: absolute;
- display: block;
- margin: 7px 7px 0 9px;
- padding: 0;
- width: 15px;
- height: 16px;
- border: 0;
- background: transparent url(img/mediaelement/controls.png) no-repeat;
- text-decoration: none;
- font-size: 0;
- line-height: 0;
- cursor: pointer;
- }
- /* :focus for accessibility */
- .mejs-controls .mejs-button button:focus {
- }
- /* Time lenght information */
- .mejs-container .mejs-controls .mejs-time {
- display: block;
- overflow: hidden;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- padding: 8px 8px 5px 10px;
- /*width: auto;*/
- height: 17px;
- color: #FFFFFF;
- text-align: center;
- }
- .mejs-container .mejs-controls .mejs-time span {
- display: block;
- float: left;
- margin: 2px 2px 0 2px;
- width: auto;
- color: #DDDDDD;
- font-size: 11px;
- line-height: 12px;
- }
- .mejs-time.mejs-currenttime-container {
- display: none !important;
- }
- /* Controls - Play / Pause */
- .mejs-container .mejs-controls .mejs-playpause-button {
- width: 30px;
- background: none;
- cursor: pointer;
- }
- .mejs-controls .mejs-playpause-button button {
- margin: 7px 8px;
- }
- .mejs-controls .mejs-play button {
- background-position: 0 0;
- }
- .mejs-controls .mejs-play:hover button {
- background-position: 0 -32px;
- }
- .mejs-controls .mejs-pause button {
- background-position: 0 -16px;
- }
- .mejs-controls .mejs-pause:hover button {
- background-position: 0 -48px;
- }
- /* Controls - Stop */
- .mejs-controls .mejs-stop button {
- background-position: -112px 0;
- }
- .mejs-controls .mejs-stop:hover button {
- background-position: -112px -32px;
- }
- /* Progress Bar */
- .mejs-controls div.mejs-time-rail {
- width: 200px;
- }
- .mejs-controls .mejs-time-rail span {
- position: absolute;
- display: block;
- width: 180px;
- height: 7px;
- background: #3B3D3D;
- cursor: pointer;
- }
- .mejs-controls .mejs-time-rail .mejs-time-total {
- margin: 11px 8px 0 10px;
- }
- .mejs-controls .mejs-time-rail .mejs-time-buffering {
- z-index: 1;
- width: 100%;
- background: #3B3D3D;
- }
- .mejs-controls .mejs-time-rail .mejs-time-loaded {
- width: 0;
- background: #3B3D3D;
- }
- .mejs-controls .mejs-time-rail .mejs-time-current {
- z-index: 1;
- width: 0;
- background: #1ABC9C;
- -webkit-border-radius: 22px;
- -moz-border-radius: 22px;
- border-radius: 22px;
- }
- .mejs-controls .mejs-time-rail .mejs-time-handle {
- position: absolute;
- top: 1px;
- z-index: 1;
- display: none;
- margin: 0;
- width: 5px;
- background: transparent;
- text-align: center;
- cursor: pointer;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float {
- position: absolute;
- top: -26px;
- display: none !important;
- margin-left: -18px;
- width: 36px;
- height: 17px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background: #C2C8CF;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
- color: #111;
- text-align: center;
- }
- .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
- display: none !important;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float-current {
- left: 0;
- display: block;
- margin: 3px;
- width: 30px;
- text-align: center;
- }
- .mejs-controls .mejs-time-rail .mejs-time-float-corner {
- position: absolute;
- top: 17px;
- left: 13px;
- display: block;
- width: 0;
- height: 0;
- border: solid 4px #C2C8CF;
- border-color: #C2C8CF transparent transparent transparent;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- line-height: 0;
- }
- /* Fullscreen */
- .mejs-controls .mejs-fullscreen-button button {
- background-position: -32px 0;
- }
- .mejs-controls .mejs-unfullscreen button {
- background-position: -32px -16px;
- }
- /* Controls - Volume */
- .mejs-controls .mejs-volume-button {
- }
- .mejs-controls .mejs-mute button {
- background-position: -16px -16px;
- }
- .mejs-controls .mejs-mute button:hover {
- background-position: -16px -48px;
- }
- .mejs-controls .mejs-unmute button {
- background-position: -16px 0;
- }
- .mejs-controls .mejs-unmute button:hover {
- background-position: -16px -32px;
- }
- .mejs-controls .mejs-volume-button {
- position: relative;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider {
- position: absolute;
- top: -68px;
- left: 1px;
- z-index: 1;
- display: none;
- margin: 0;
- width: 32px;
- height: 68px;
- background: #000;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- .mejs-controls .mejs-volume-button:hover {
- -webkit-border-radius: 0 0 4px 4px;
- -moz-border-radius: 0 0 4px 4px;
- border-radius: 0 0 4px 4px;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
- position: absolute;
- top: 8px;
- left: 13px;
- margin: 0;
- padding: 0;
- width: 7px;
- height: 46px;
- background: #373A3A;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
- position: absolute;
- top: 6px;
- left: 13px;
- margin: 0px;
- width: 7px;
- height: 50px;
- background: #1ABC9C;
- background-position: bottom;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
- position: absolute;
- top: 16px;
- left: 14px;
- margin: 0;
- width: 5px;
- height: 5px;
- background: transparent;
- }
- /* Controls - Volume horizontal */
- .mejs-controls div.mejs-horizontal-volume-slider {
- position: relative;
- width: 62px;
- height: 26px;
- background: none;
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- position: absolute;
- top: 11px;
- left: 0;
- margin: 0;
- padding: 1px;
- width: 50px;
- height: 7px;
- background: #373A3A;
- font-size: 1px;
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
- position: absolute;
- top: 11px;
- left: 0;
- padding: 0;
- width: 50px;
- height: 7px;
- background: #1ABC9C;
- font-size: 1px;
- -webkit-border-radius: 22px;
- -moz-border-radius: 22px;
- border-radius: 22px;
- }
- .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
- display: none;
- }
- /* Track - Captions and Chapters */
- .mejs-controls .mejs-captions-button {
- position: relative;
- }
- .mejs-controls .mejs-captions-button button {
- background-position: -48px 0;
- }
- .mejs-controls .mejs-captions-button:hover button {
- background-position: -48px -32px;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector {
- position: absolute;
- right: -10px;
- bottom: 30px;
- visibility: hidden;
- overflow: hidden;
- padding: 10px;
- width: 130px;
- height: 100px;
- border: solid 1px transparent;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- background: #3A3C3D;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
- display: block;
- overflow: hidden;
- margin: 0;
- padding: 0;
- list-style-type: none !important;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
- display: block;
- overflow: hidden;
- margin: 0 0 6px 0;
- padding: 0;
- color: #fff;
- list-style-type: none !important;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
- float: left;
- clear: both;
- margin: 3px 3px 0 5px;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
- float: left;
- padding: 4px 0 0 0;
- width: 100px;
- font-size: 10px;
- font-family: sans-serif;
- line-height: 15px;
- }
- .mejs-controls .mejs-captions-button .mejs-captions-translations {
- margin: 0 0 5px 0;
- font-size: 10px;
- }
- .mejs-chapters {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- width: 10000px;
- -xborder-right: solid 1px #FFFFFF;
- }
- .mejs-chapters .mejs-chapter {
- position: absolute;
- float: left;
- overflow: hidden;
- border: 0;
- background: #3A3C3D;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block {
- display: block;
- padding: 5px;
- border-right: solid 1px #313335;
- border-right: solid 1px rgba(49, 51, 53, .7);
- border-bottom: solid 1px #313335;
- border-bottom: solid 1px rgba(49, 51, 53, .7);
- color: #fff;
- font-size: 11px;
- cursor: pointer;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
- border-right: none;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
- background: #333333;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
- display: block;
- margin: 0 0 3px 0;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-weight: bold;
- font-size: 12px;
- line-height: 12px;
- }
- .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
- display: block;
- margin: 3px 0 4px 0;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 12px;
- line-height: 12px;
- }
- .mejs-captions-layer {
- position: absolute;
- bottom: 0;
- left: 0;
- color: #fff;
- text-align: center;
- font-size: 12px;
- line-height: 22px;
- }
- .mejs-captions-layer a {
- color: #fff;
- text-decoration: underline;
- }
- .mejs-captions-layer[lang=ar] {
- font-weight: normal;
- font-size: 20px;
- }
- .mejs-captions-position {
- position: absolute;
- bottom: 15px;
- left: 0;
- width: 100%;
- }
- .mejs-captions-position-hover {
- bottom: 45px;
- }
- .mejs-captions-text {
- padding: 5px 7px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background: #3a3c3d;
- background: rgba(58, 60, 61, 0.8);
- }
- .mejs-clear {
- clear: both;
- }
- /* Error */
- .me-cannotplay {
- }
- .me-cannotplay a {
- color: #fff;
- font-weight: bold;
- }
- .me-cannotplay span {
- display: block;
- padding: 15px;
- }
- /* Loop */
- .mejs-controls .mejs-loop-off button {
- background-position: -64px -16px;
- }
- .mejs-controls .mejs-loop-off:hover button {
- background-position: -64px -48px;
- }
- .mejs-controls .mejs-loop-on button {
- background-position: -64px 0;
- }
- .mejs-controls .mejs-loop-on::hover button {
- background-position: -64px -32px;
- }
- /* Backlight */
- .mejs-controls .mejs-backlight-off button {
- background-position: -80px -16px;
- }
- .mejs-controls .mejs-backlight-off:hover button {
- background-position: -80px -48px;
- }
- .mejs-controls .mejs-backlight-on button {
- background-position: -80px 0;
- }
- .mejs-controls .mejs-backlight-on:hover button {
- background-position: -80px -32px;
- }
- /* Picture controls */
- .mejs-controls .mejs-picturecontrols-button {
- background-position: -96px 0;
- }
- .mejs-controls .mejs-picturecontrols-button:hover {
- background-position: -96px -32px;
- }
- /* Context menu */
- .mejs-contextmenu {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1001;
- padding: 10px;
- width: 150px;
- border: solid 1px #999;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background: #fff;
- }
- .mejs-contextmenu .mejs-contextmenu-separator {
- margin: 5px 6px;
- height: 1px;
- background: #333;
- font-size: 0;
- }
- .mejs-contextmenu .mejs-contextmenu-item {
- padding: 4px 6px;
- color: #333;
- font-size: 12px;
- font-family: sans-serif;
- cursor: pointer;
- }
- .mejs-contextmenu .mejs-contextmenu-item:hover {
- background: #2C7C91;
- color: #fff;
- }
- /* Source Chooser */
- .mejs-controls .mejs-sourcechooser-button {
- position: relative;
- }
- .mejs-controls .mejs-sourcechooser-button button {
- background-position: -128px 0;
- }
- .mejs-controls .mejs-sourcechooser-button button {
- background-position: -128px -32px;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
- position: absolute;
- right: -10px;
- bottom: 26px;
- visibility: hidden;
- overflow: hidden;
- padding: 10px;
- width: 130px;
- height: 100px;
- border: solid 1px transparent;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- background: #3A3C3D;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
- display: block;
- overflow: hidden;
- margin: 0;
- padding: 0;
- list-style-type: none !important;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
- display: block;
- overflow: hidden;
- margin: 0 0 6px 0;
- padding: 0;
- color: #fff;
- list-style-type: none !important;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
- float: left;
- clear: both;
- margin: 3px 3px 0 5px;
- }
- .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
- float: left;
- padding: 4px 0 0 0;
- width: 100px;
- font-size: 10px;
- font-family: sans-serif;
- line-height: 15px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 5. Comments
- /*-----------------------------------------------------------------------------------*/
- .comment-area {
- padding-bottom: 70px;
- }
- #comments {
- }
- .comments-title,
- .pings-title,
- #reply-title {
- margin: 0;
- padding: 0 0 10px;
- font-size: 2.2rem;
- line-height: 32px;
- letter-spacing: 0.1em;
- }
- .comment-form {
- margin-top: 30px;
- }
- .commentlist,
- .pinglist {
- margin: 20px 0 80px;
- list-style-type: none;
- }
- .comment-section {
- padding: 30px 0 20px;
- }
- .comment-body {
- border-bottom: 1px solid #EBEDEF;/* e9ecec */
- padding-bottom: 20px;
- }
- .comment-side {
- float: left;
- margin: 0 30px 0 0;
- }
- .comment-side .avatar {
- display: block;
- width: 50px;
- height: 50px;
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- border-radius: 999px;
- }
- .comment .comment-cont {
- margin-left: 80px;
- }
- .comment-author cite,
- .comment-author cite a {
- font-size: 1.6rem;
- font-weight: normal;
- text-transform: uppercase;
- color: #666;
- letter-spacing: 0.05em;
- }
- .comment-author cite a:hover {
- color: #E96045;
- }
- .comment-meta,
- .comment-meta a {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.6rem;
- line-height: 30px;
- }
- a.comment-reply-link {
- color: #446db2;
- }
- .comment-meta a:hover {
- color: #446db2;
- }
- .comment-meta {
- margin: 8px 0 15px;
- }
- .children {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .children .comment {
- padding-left: 60px;
- }
- .comment-author {
- position: relative;
- }
- .badge_author {
- position: absolute;
- top: 12px;
- right: 10px;
- display: inline-block;
- width: 10px;
- height: 10px;
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- border-radius: 999px;
- background: #E96045;
- opacity: 0.5;
- }
- .nocomments {
- padding: 20px 30px 20px;
- }
- /* Comment Form */
- .logged-in-as {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.6rem;
- line-height: 30px;
- }
- #commentform p {
- overflow: hidden;
- margin: 0 0 35px 0;
- }
- #commentform label {
- display: block;
- margin-bottom: 5px;
- font-weight: 300;
- font-size: 1.6rem;
- color: #000;
- }
- #commentform span.required {
- color: #E96045;
- font-size: 1.8rem;
- }
- #commentform input,
- #commentform textarea,
- #commentform input:focus,
- #commentform textarea:focus {
- background: #efefef;
- border: none;
- padding: 1em;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- margin: 0;
- height: auto;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- color: #333;
- font-size: 16px;
- resize: none;
- }
- #commentform input {
- float: left;
- margin-right: 20px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 50%;
- }
- #commentform textarea {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 100%;
- resize: vertical;
- }
- #commentform #submit {
- background: #1abc9c;
- color: #fff;
- font-size: 1.6rem;
- text-transform: uppercase;
- padding: 15px 30px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- width: auto;
- border: none;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- font-weight: 400;
- cursor: pointer;
- -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- }
- #commentform #submit:hover {
- background-color: #1abc9c;
- color: #FFFFFF;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 6. Pagination
- /*-----------------------------------------------------------------------------------*/
- .pagination:before,
- .pagination:after {
- content: " ";
- display: table;
- }
- .pagination:after {
- clear: both;
- }
- .pagination .page-next a,
- .pagination .page-prev a {
- width: 48px;
- height: 48px;
- display: inline-block;
- text-indent: -999em;
- overflow: hidden;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- opacity: 0.6;
- }
- .pagination .page-next a {
- background: #666 url(img/back_top.png) center center no-repeat;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- transform: rotate(90deg);
- float: right;
- }
- .pagination .page-prev a {
- background: #666 url(img/back_top.png) center center no-repeat;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- float: left;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 7. Footer Styles
- /*-----------------------------------------------------------------------------------*/
- footer {
- background: #f6f8f8;
- padding: 25px 0;
- font-size: 1.2rem;
- text-transform: uppercase;
- }
- footer p {
- margin-bottom: 0;
- }
- footer a,
- footer a:visited,
- footer a:active,
- footer a:hover,
- footer a:link {
- text-decoration: none;
- color: #5f6c6f;
- border: 0;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 8. Page & Page Templates
- /*-----------------------------------------------------------------------------------*/
- /* Page Header styles -----------------------------------------------------*/
- #image-page-title {
- position: relative;
- overflow: hidden;
- }
- .overlay-bg {
- width: 100%;
- height: 100%;
- position: absolute;
- background-color: #f6f8f8;
- filter: alpha(opacity=80);
- -moz-opacity:0.8;
- -khtml-opacity: 0.8;
- opacity: 0.80;
- z-index: 1;
- }
- .page-title {
- padding: 110px 0;
- background-color: #f6f8f8;
- }
- .page-title h2 {
- font-size: 2.2rem;
- line-height: 32px;
- letter-spacing: 0.1em;
- z-index: 99;
- }
- .page-title .h2-divider {
- margin-bottom: 20px;
- z-index: 99;
- }
- .page-title .subtitle {
- margin-top: 0;
- z-index: 99;
- }
- .page-title .entry-meta {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- line-height: 30px;
- margin-bottom: 0;
- clear: both;
- }
- .page-title .entry-meta .published,
- .page-title .entry-meta a {
- font-size: 1.8rem;
- }
- /* Page content */
- .page-content {
- padding-top: 80px;
- padding-bottom: 80px;
- }
- /* Contact page template --------------------------------------------------*/
- .page-template-template-contact-php .post-container {
- border-bottom: 0;
- padding-bottom: 0;
- margin-bottom: 0;
- }
- .page-template-template-contact-php aside {
- margin-top: 0;
- padding-top: 0;
- border: 0;
- }
- /* Default page template --------------------------------------------------*/
- .page-template-default .post-container {
- border-bottom: 0;
- padding-bottom: 0;
- margin-bottom: 0;
- }
- /* Experience page template -----------------------------------------------*/
- .single-experience .overlay-bg {
- background: rgba(0,0,0,0.4);
- }
- .single-experience .page-title {
- padding: 160px 0;
- }
- .single-experience .page-title h2,
- .single-experience .page-title .subtitle {
- color: #FFF;
- }
- .single-experience .page-content {
- padding: 0;
- }
- /* Contact Form styles ----------------------------------------------------*/
- .wpcf7-form {
- margin-bottom: 0;
- }
- .wpcf7-form p {
- overflow: hidden;
- margin: 0 0 35px 0;
- font-size: 1.6rem;
- color: #000;
- }
- .wpcf7 p.quote-budget {
- overflow: visible;
- }
- .wpcf7-form-control-wrap.budget {
- display: inline-block;
- margin-bottom: 0;
- width: 50%;
- }
- span.wpcf7-form-control-wrap {
- display: block;
- margin: 5px 0;
- }
- .wpcf7 .watermark {
- color: #BCBCC4 !important;
- }
- .wpcf7 input,
- .wpcf7 textarea,
- .wpcf7 input:focus,
- .wpcf7 textarea:focus {
- background: #efefef;
- border: none;
- padding: 1em;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- margin: 0;
- height: auto;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- color: #333;
- font-size: 16px;
- resize: none;
- }
- .wpcf7 input {
- float: left;
- margin-right: 20px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 50%;
- }
- .wpcf7 textarea {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 100%;
- resize: vertical;
- }
- .wpcf7 .wpcf7-submit {
- background: #1abc9c;
- color: #fff;
- font-size: 1.6rem;
- text-transform: uppercase;
- padding: 15px 30px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- width: auto;
- border: none;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- font-weight: 400;
- cursor: pointer;
- -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
- }
- .wpcf7 .wpcf7-submit:hover,
- .wpcf7 .wpcf7-submit:focus,
- .wpcf7 .wpcf7-submit:active {
- background-color: #1abc9c;
- color: #FFFFFF;
- }
- .wpcf7-form.invalid input.wpcf7-not-valid,
- .wpcf7-form.invalid textarea.wpcf7-not-valid,
- .wpcf7-form input:focus:invalid:focus,
- .wpcf7-form textarea:focus:invalid:focus {
- border-color: #E96045;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- .wpcf7-form.invalid span.wpcf7-not-valid-tip {
- display: none;
- }
- .wpcf7 .wpcf7-response-output {
- margin: 0;
- padding: 0;
- }
- .wpcf7 .wpcf7-validation-errors,
- .wpcf7 .wpcf7-mail-sent-ng,
- .wpcf7 .wpcf7-mail-sent-ok {
- border: none;
- }
- .wpcf7 img.ajax-loader {
- margin-left: 15px;
- width: auto;
- }
- /* Icons Example for Demo Content Only ------------------------------------*/
- .icons-example ul {
- margin: 0;
- padding: 0;
- text-align: center;
- }
- .icons-example ul li {
- display: inline-block;
- margin: 15px;
- list-style: none;
- cursor: pointer;
- }
- .icons-example ul li a {
- position: relative;
- display: block;
- width: 66px;
- height: 66px;
- background: transparent;
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- border-radius: 999px;
- -webkit-transition: background 0.15s ease-in-out 0s;
- -moz-transition: background 0.15s ease-in-out 0s;
- -o-transition: background 0.15s ease-in-out 0s;
- transition: background 0.15s ease-in-out 0s;
- }
- .icons-example ul li a:hover {
- background: #1ABC9C;
- }
- .icons-example ul li a i {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -12px 0 0 -12px;
- color: #000;
- font-size: 24px;
- -webkit-transition: color 0.15s ease-in-out 0s;
- -moz-transition: color 0.15s ease-in-out 0s;
- -o-transition: color 0.15s ease-in-out 0s;
- transition: color 0.15s ease-in-out 0s;
- }
- .icons-example ul li a:hover i {
- color: #FFFFFF;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 9. Widget
- /*-----------------------------------------------------------------------------------*/
- /* Sidebar widget styles --------------------------------------------------*/
- #sidebar .widget {
- margin-bottom: 50px;
- }
- #sidebar .widget:before,
- #sidebar .widget:after {
- content: " ";
- display: table;
- }
- #sidebar .widget:after {
- clear: both;
- }
- #sidebar .widget-title {
- text-transform: uppercase;
- font-size: 1.6rem;
- color: #666;
- }
- #sidebar .widget img {
- max-width: 100%;
- height: auto;
- }
- #sidebar .widget input,
- #sidebar .widget button,
- #sidebar .widget select,
- #sidebar .widget textarea {
- width: 100%;
- }
- /* Widget Rss */
- #sidebar .widget .rss-date {
- display: block;
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.6rem;
- line-height: 24px;
- margin-bottom: 10px;
- }
- #sidebar .widget_rss img {
- display: none;
- }
- /* Widget Calendar */
- #sidebar .widget_calendar {
- position: relative;
- }
- #sidebar .widget_calendar table {
- width: 100%;
- border-collapse: collapse;
- }
- #sidebar .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
- text-align: center;
- }
- #sidebar .widget_calendar table tbody td {
- padding: 10px 0;
- border: 0px;
- color: #666;
- font-size: 12px;
- }
- #sidebar .widget_calendar table tbody tr td:first-child {
- border-left: 0px;
- }
- #sidebar .widget_calendar table tbody tr:nth-child(2n+1) {
- background-color: #f0f0f0;
- }
- #sidebar .widget_calendar table th {
- padding-bottom: 10px;
- border-bottom: 0px;
- color: #999999;
- text-align: center!important;
- }
- #sidebar .widget_calendar table #prev {
- position: relative;
- z-index: 2;
- padding: 10px 0px 0px 0px;
- text-align: left;
- }
- #sidebar .widget_calendar table #next {
- position: relative;
- z-index: 2;
- padding: 10px 0px 0px 0px;
- text-align: right;
- }
- #sidebar .widget_calendar caption {
- position: absolute;
- bottom: 20px;
- z-index: 1;
- width: 100%;
- text-align: center;
- }
- /* Widget Text */
- #sidebar .widget .textwidget {
- line-height: 24px;
- }
- #sidebar .widget .textwidget a {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 1.8rem;
- line-height: 30px;
- }
- /* Widget Flickr */
- #sidebar .widget.widget_quick-flickr-widget {
- margin-bottom: 40px;
- }
- #sidebar .widget_quick-flickr-widget ul {
- margin-left: -10px;
- }
- #sidebar .widget_quick-flickr-widget li {
- border-radius: 3px;
- float: left;
- margin: 0 0 10px 10px;
- }
- #sidebar .widget_quick-flickr-widget a {
- border-radius: 3px;
- float: left;
- position: relative;
- }
- #sidebar .widget_quick-flickr-widget img {
- border-radius: 3px;
- float: left;
- height: 50px;
- position: relative;
- width: 50px;
- }
- /* Widget Search */
- #sidebar .widget_search form {
- margin-bottom: 0;
- }
- #sidebar .widget_search fieldset {
- margin-bottom: 0;
- }
- #sidebar .widget_search .screen-reader-text {
- display: none;
- }
- #sidebar .widget_search input[type="text"] {
- border: 0;
- background-color: #f1f4f5;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- padding: 15px 20px;
- width: 100%;
- font-size: 1.4rem;
- line-height: 30px;
- color: #666;
- }
- #sidebar .widget_search input[type="submit"] {
- display: none;
- }
- /* Widget Ul */
- #sidebar .widget ul {
- padding-left: 0;
- margin-bottom: 0;
- }
- #sidebar .widget ul li {
- line-height: 24px;
- margin-bottom: 10px;
- list-style: none;
- }
- #sidebar .widget ul li a,
- #sidebar .widget ul li a:link,
- #sidebar .widget ul li a:visited,
- #sidebar .widget ul li a:hover {
- text-decoration: none;
- }
- /* DatePicker Container */
- #ui-datepicker-div {
- font-family: 'Montserrat', sans-serif!important;
- width: 235px!important;
- margin-top: 10px!important;
- padding: 0 5px 5px 5px!important;
- border: 5px solid #1abc9c!important;
- border-radius: 4px!important;
- -webkit-border-radius: 4px!important;
- -moz-border-radius: 4px!important;
- display: none;
- z-index: 999!important;
- }
- #ui-datepicker-div:before {
- width: 0;
- height: 0;
- border-left: 5px solid transparent!important;
- border-right: 5px solid transparent!important;
- border-bottom: 5px solid #1abc9c!important;
- margin-top: -10px!important;
- }
- /* OLD */
- .ui-datepicker:before {
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 5px solid #1abc9c;
- margin-top: -10px;
- }
- .ui-datepicker {
- border: 5px solid #1abc9c!important;
- padding: 0 5px 5px 5px!important;
- font-family: 'Montserrat', sans-serif!important;
- }
- .ui-datepicker a {
- text-decoration: none;
- }
- /* DatePicker Table */
- .ui-datepicker table {
- width: 100%;
- }
- .ui-datepicker-header {
- background: #1abc9c!important;
- color: #fff!important;
- font-weight: normal!important;
- border: 0!important;
- border-radius: 0!important;
- padding: 5px 0 10px!important;
- margin-left: -5px;
- margin-right: -5px;
- }
- .ui-datepicker-title {
- text-align: center;
- }
- .ui-datepicker .ui-datepicker-prev,
- .ui-datepicker .ui-datepicker-next {
- top: 11px!important;
- width: 18px!important;
- height: 18px!important;
- background-repeat: no-repeat;
- background-color: transparent!important;
- border: 0!important;
- }
- .ui-datepicker .ui-datepicker-next {
- top: 13px!important;
- }
- .ui-datepicker .ui-datepicker-prev:hover,
- .ui-datepicker .ui-datepicker-next:hover {
- background: transparent!important;
- }
- .ui-datepicker .ui-datepicker-prev-hover {
- left:2px!important;
- }
- .ui-datepicker .ui-datepicker-next-hover {
- right:2px!important;
- }
- .ui-datepicker .ui-datepicker-prev .ui-icon {
- background-image: url(img/datepicker-arrow.png);
- background-position: top left;
- background-repeat: no-repeat;
- }
- .ui-datepicker .ui-datepicker-next .ui-icon {
- background-image: url(img/datepicker-arrow.png);
- background-position: bottom left;
- }
- .ui-datepicker th {
- width: 30px;
- height: 30px;
- padding: 15px 0!important;
- font-weight: normal!important;
- }
- .ui-datepicker tbody td {
- padding: 0;
- }
- .ui-datepicker td span, .ui-datepicker td a {
- display: inline-block;
- text-align: center!important;
- line-height: 28px;
- color: #666666;
- }
- .ui-datepicker-calendar {
- margin: 0!important;
- }
- .ui-datepicker-calendar .ui-state-default {
- background: #fff!important;
- border: 1px solid #fff!important;
- }
- .ui-datepicker-calendar .ui-state-highlight {
- background: #eee!important;
- border-radius: 4px!important;
- }
- .ui-datepicker-calendar .ui-state-active {
- background: #1abc9c!important;
- border-radius: 4px;
- color: #fff!important;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 10. Animation Modules Settings
- /*-----------------------------------------------------------------------------------*/
- .js .animated-content {
- opacity: 0;
- }
- .no-js .animated-content,
- .no-csstransitions .animated-content {
- opacity: 1;
- }
- .lt-ie9 .animated-content {
- opacity: 1;
- animation: none !important;
- transform: none !important;
- }
- /* Fade In */
- .fadeIn.animate {
- -webkit-animation: fadeIn 1s ease forwards;
- -moz-animation: fadeIn 1s ease forwards;
- animation: fadeIn 1s ease forwards;
- }
- @-webkit-keyframes fadeIn {
- to { opacity: 1; }
- }
- @-moz-keyframes fadeIn {
- to { opacity: 1; }
- }
- @keyframes fadeIn {
- to { opacity: 1; }
- }
- /* Bounce In */
- .bounceIn.animate {
- -webkit-transform: scale(0.4);
- -moz-transform: scale(0.4);
- transform: scale(0.4);
- -webkit-animation: popUp .8s ease-in forwards;
- -moz-animation: popUp .8s ease-in forwards;
- animation: popUp .8s ease-in forwards;
- }
- @-webkit-keyframes popUp {
- 70% { -webkit-transform: scale(.8); opacity: .8; -webkit-animation-timing-function: ease-out; }
- 100% { -webkit-transform: scale(1); opacity: 1; }
- }
- @-moz-keyframes popUp {
- 70% { -moz-transform: scale(.8); opacity: .8; -moz-animation-timing-function: ease-out; }
- 100% { -moz-transform: scale(1); opacity: 1; }
- }
- @keyframes popUp {
- 70% { transform: scale(.8); opacity: .8; animation-timing-function: ease-out; }
- 100% { transform: scale(1); opacity: 1; }
- }
- /* Move Left */
- .slideInLeft.animate {
- -webkit-transform: translateX(-100px);
- -moz-transform: translateX(-100px);
- transform: translateX(-100px);
- -webkit-animation: moveLeft 0.8s ease forwards;
- -moz-animation: moveLeft 0.8s ease forwards;
- animation: moveLeft 0.8s ease forwards;
- }
- @-webkit-keyframes moveLeft {
- to { -webkit-transform: translateX(0); opacity: 1; }
- }
- @-moz-keyframes moveLeft {
- to { -moz-transform: translateX(0); opacity: 1; }
- }
- @keyframes moveLeft {
- to { transform: translateX(0); opacity: 1; }
- }
- /*-----------------------------------------------------------------------------------*/
- /* 12. Shortcodes
- /*-----------------------------------------------------------------------------------*/
- /* Promo Box --------------------------------------------------------------*/
- .promo-box {
- border: 1px solid #DADADA;
- padding: 20px 30px;
- margin-bottom: 40px;
- }
- .promo-title h2 {
- border-bottom: 1px solid #e9ecec;
- margin-bottom: 30px;
- padding-bottom: 10px;
- }
- .promo-content {
- float: left;
- width: 65%;
- font-size: 1.4rem;
- line-height: 24px;
- }
- .promo-content ul {
- margin-bottom: 0;
- padding-left: 0;
- }
- .promo-content li {
- margin-bottom: 5px;
- }
- .promo-price {
- float: right;
- width: 35%;
- text-align: right;
- color: #000;
- }
- .promo-price .currency {
- font-size: 24px;
- line-height: 40px;
- vertical-align: top;
- padding-right: 10px;
- }
- .promo-price .cost {
- font-size: 44px;
- line-height: 44px;
- }
- /* Fancybox Post Image ----------------------------------------------------*/
- .post-container .gallery-item {
- margin-bottom: 20px;
- }
- /* Block Text -------------------------------------------------------------*/
- .blocktext {
- line-height: 24px;
- }
- /* Statistics Block -------------------------------------------------------*/
- .stat .icon {
- width: 32px;
- height: 32px;
- display: block;
- margin: 0 auto 24px auto;
- }
- .stat i {
- font-size: 32px;
- color: #61AEE0;
- }
- .stat h1 {
- font-size: 2rem;
- margin-bottom: 15px;
- }
- .stat .desc {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #7f8c8d;
- font-size: 1.8rem;
- }
- /* Review Item ------------------------------------------------------------*/
- .reviews {
- padding-bottom: 20px;
- }
- .review-item {
- margin-bottom: 60px;
- }
- .review-side {
- float: left;
- margin: 0 30px 0 0;
- }
- .review-side .avatar {
- display: block;
- width: 50px;
- height: 50px;
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- border-radius: 999px;
- }
- .review-cont {
- margin-left: 80px;
- }
- .review-cont p {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #7f8c8d;
- font-size: 1.6rem;
- border-left: 5px solid #e5eaea;
- margin-bottom: 10px;
- padding: 15px;
- }
- .review-cont .name,
- .review-cont .date {
- color: #999;
- font-size: 1.2rem;
- }
- .review-cont .divider {
- padding: 0 8px 0 5px;
- display: inline-block;
- }
- .review-cont .name {
- text-transform: uppercase;
- }
- .review-cont .date {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- font-size: 1.4rem;
- }
- /* Share Box --------------------------------------------------------------*/
- .share-box p {
- font-family: 'Old Standard TT', serif;
- font-style: italic;
- color: #666;
- font-size: 1.9rem;
- line-height: 30px;
- margin: 0;
- }
- .share-box span {
- margin-right: 30px;
- }
- .share-box .button-primary {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- display: inline-block;
- margin-right: 0;
- }
- /* Experience Detail ------------------------------------------------------*/
- .experience-detail .circle {
- background-color: #f5f5f5;
- display: inline-block;
- width: 50px;
- height: 50px;
- line-height: 52px;
- text-align: center;
- font-size: 16px;
- margin-bottom: 15px;
- border-radius: 999px;
- -webkit-border-radius: 999px;
- -moz-border-radius: 999px;
- }
- .experience-detail .circle i {
- font-size: 26px;
- color: #5DADE2;
- }
- .experience-detail .circle.rating {
- background-color: #29BB9C;
- color: #fff;
- }
- .experience-detail .title {
- display: block;
- font-size: 16px;
- line-height: 32px;
- color: #333;
- margin-bottom: 0;
- }
- .experience-detail .subtitle {
- font-family: "Old Standard TT", serif;
- font-size: 1.6rem;
- font-style: italic;
- color: #7f8c8d;
- margin: 0;
- line-height: inherit;
- }
- .experience-detail .stars {
- line-height: 32px;
- margin-bottom: 0;
- }
- .experience-detail .stars i {
- font-size: 18px;
- color: #29BB9C;
- }
- .experience-detail .stars i.alt {
- color: #CCC;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 13. Plugins Styles
- /*-----------------------------------------------------------------------------------*/
- /* iCheck plugin */
- /* Radio Buttons */
- .iradio_flat {
- display: inline-block;
- *display: inline;
- vertical-align: middle;
- margin: 0;
- padding: 0;
- width: 40px;
- height: 39px;
- background: url(img/icheck/flat.png) no-repeat;
- border: none;
- cursor: pointer;
- float: left;
- }
- .iradio_flat {
- background-position: 0 0;
- }
- .iradio_flat.checked {
- background-position: -41px 0;
- }
- /* Checkbox Buttons */
- .icheckbox_flat {
- display: inline-block;
- *display: inline;
- vertical-align: middle;
- margin: 0;
- padding: 0;
- width: 40px;
- height: 39px;
- background: url(img/icheck/flat.png) no-repeat;
- border: none;
- cursor: pointer;
- float: left;
- }
- .icheckbox_flat {
- background-position: 0 0;
- }
- .icheckbox_flat.checked {
- background-position: -41px 0;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 14. Media Queries
- /*-----------------------------------------------------------------------------------*/
- /* Large screen */
- @media only screen and (min-width: 1025px) {
- /*-----------------------------------------------------------------------------------*/
- /* 3. Main Content Styles
- /*-----------------------------------------------------------------------------------*/
- /* Property details -------------------------------------------------------*/
- .gallery-item .overlay {
- background-position: center 50%;
- }
- /* Booking ----------------------------------------------------------------*/
- #booking .media {
- margin-bottom: 0;
- position: relative;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 12. Shortcodes
- /*-----------------------------------------------------------------------------------*/
- /* Promo box --------------------------------------------------------------*/
- .promo-content {
- width: 65%;
- }
- .promo-price {
- width: 35%;
- }
- .promo-price .cost {
- font-size: 54px;
- line-height: 54px;
- }
- /* Statistics Block -------------------------------------------------------*/
- .stat h1 {
- margin-bottom: 15px;
- font-size: 2.2rem;
- }
- }
- @media (min-width: 769px) and (max-width: 1023px) {
- /*-----------------------------------------------------------------------------------*/
- /* 2. Header Styles
- /*-----------------------------------------------------------------------------------*/
- /* Main Menu Container */
- .main-menu-container {
- float: none;
- width: 100%;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 3. Main Content Styles
- /*-----------------------------------------------------------------------------------*/
- /* Booking ----------------------------------------------------------------*/
- #booking .media {
- margin-bottom: 20px;
- }
- /* Owners -----------------------------------------------------------------*/
- #owners .media img {
- width: auto;
- }
- }
- @media (max-width: 768px) {
- /*-----------------------------------------------------------------------------------*/
- /* 1. Document Setup (body, common classes, vertical rhythm, structure etc)
- /*-----------------------------------------------------------------------------------*/
- /* back to top */
- #back_to_top {
- display: none!important;
- }
- /* Structure --------------------------------------------------------------*/
- .block {
- padding: 60px 0;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 2. Header Styles
- /*-----------------------------------------------------------------------------------*/
- /* header */
- .header-wrapper {
- min-height: 70px;
- height: auto;
- }
- .header-wrapper .container {
- width: 100%;
- }
- .header-wrapper div[class^="col"] {
- padding: 0;
- }
- .header-wrapper #logo {
- height: 70px;
- line-height: 70px;
- margin-left: 20px;
- }
- .header-wrapper #logo.logo-img {
- padding: 15px 0;
- }
- .header-wrapper #logo img {
- max-height: 40px!important;
- width: auto;
- }
- /* Main Menu Container */
- .main-menu-container {
- float: none;
- width: 100%;
- }
- /* Site Tools */
- .site-tools {
- top: 32px;
- }
- /* Language selector */
- .lang_selector {
- position: absolute;
- top: -18px;
- right: 70px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 3. Main Content Styles
- /*-----------------------------------------------------------------------------------*/
- /* Gallery ----------------------------------------------------------------*/
- #gallery {
- min-height: 300px;
- }
- /* Booking ----------------------------------------------------------------*/
- #booking {
- padding-bottom: 42px;
- }
- #booking .media {
- margin-bottom: 20px;
- }
- #booking div:nth-child(3) .media,
- #booking div:nth-child(4) .media {
- margin-bottom: 0px;
- }
- /* Details Gallery --------------------------------------------------------*/
- .details-gallery {
- margin-top: 30px;
- }
- .gallery-item {
- min-height: 100px;
- }
- .gallery-item .overlay {
- background-position: center 30%;
- }
- .gallery-item .overlay-meta {
- bottom: 15px;
- left: 15px;
- }
- /* Experiences ------------------------------------------------------------*/
- #experiences .card-list {
- padding: 0 15px;
- }
- /* Owners -----------------------------------------------------------------*/
- #owners {
- padding-bottom: 10px;
- }
- #owners .media {
- margin-bottom: 50px;
- }
- #owners .media img {
- width: auto;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 4. Post Content Styles
- /*-----------------------------------------------------------------------------------*/
- .post-container {
- padding-bottom: 20px;
- margin-bottom: 40px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 5. Comments
- /*-----------------------------------------------------------------------------------*/
- .children .comment {
- padding-left: 0;
- }
- #commentform input {
- width: 100%;
- }
- #commentform #submit {
- width: 100%;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 8. Page & Page Templates
- /*-----------------------------------------------------------------------------------*/
- /* Contact Form styles ----------------------------------------------------*/
- .wpcf7 input,
- .wpcf7 .wpcf7-submit,
- .wpcf7-form-control-wrap.budget {
- width: 100%;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 9. Widget
- /*-----------------------------------------------------------------------------------*/
- /* Sidebar ----------------------------------------------------------------*/
- aside {
- border-top: 1px solid #eee;
- margin-top: 50px;
- padding-top: 50px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 12. Shortcodes
- /*-----------------------------------------------------------------------------------*/
- /* Promo box --------------------------------------------------------------*/
- .promo-content {
- width: 70%;
- }
- .promo-content li {
- margin-bottom: 10px;
- }
- .promo-price {
- width: 30%;
- }
- .promo-price .cost {
- font-size: 68px;
- line-height: 68px;
- }
- /* Statistics Block -------------------------------------------------------*/
- .statistics {
- padding-bottom: 10px;
- }
- .stat {
- margin-bottom: 50px;
- }
- /* Review Item ------------------------------------------------------------*/
- .reviews {
- padding-bottom: 10px;
- }
- .review-item {
- margin-bottom: 50px;
- }
- /* Experience Detail ------------------------------------------------------*/
- .experience-detail {
- margin-bottom: 30px;
- }
- .experience-detail.last {
- margin-bottom: 0;
- }
- /* Share Box --------------------------------------------------------------*/
- .share-box span {
- display: inline-block;
- margin-right: 0;
- margin-bottom: 25px;
- }
- }
- /* Smartphone */
- @media (max-width: 767px) {
- /*-----------------------------------------------------------------------------------*/
- /* 1. Document Setup (body, common classes, vertical rhythm, structure etc)
- /*-----------------------------------------------------------------------------------*/
- /* subtitle */
- .subtitle {
- margin-bottom: 50px;
- }
- /* back to top */
- #back_to_top {
- display: none!important;
- }
- /* check list inline */
- #calendar .check-list.inline {
- margin: 25px 0 10px 0;
- }
- .check-list.inline li {
- float: none;
- width: 100%;
- }
- /* check list floated */
- .check-list li.floated {
- float: none;
- width: 100%;
- }
- /* Structure --------------------------------------------------------------*/
- .block {
- padding: 50px 0;
- }
- /* Collapsible contents ---------------------------------------------------*/
- .collapsible-header {
- position: relative;
- overflow: hidden;
- display: inline-block;
- margin: 0 15px 13px 0;
- padding-left: 45px;
- height: 28px;
- line-height: 28px;
- }
- .collapsible-header:before {
- content: "";
- position: absolute;
- width: 28px;
- height: 28px;
- top: 0;
- left: 0;
- z-index: -1;
- background: transparent url(img/collapsible-amenities-header@2x.png) top left no-repeat;
- background-size: 28px 28px;
- -webkit-transition: -webkit-transform 250ms ease-out 0s;
- -moz-transition: -moz-transform 250ms ease-out 0s;
- -o-transition: -o-transform 250ms ease-out 0s;
- transition: transform 250ms ease-out 0s;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- .collapsible-header.open:before {
- -webkit-transition: -webkit-transform 250ms ease-out 0s;
- -moz-transition: -moz-transform 250ms ease-out 0s;
- -o-transition: -o-transform 250ms ease-out 0s;
- transition: transform 250ms ease-out 0s;
- -webkit-transform: rotate(-180deg);
- -moz-transform: rotate(-180deg);
- -ms-transform: rotate(-180deg);
- -o-transform: rotate(-180deg);
- transform: rotate(-180deg);
- }
- .collapsible-content {
- -moz-transition: height .5s;
- -ms-transition: height .5s;
- -o-transition: height .5s;
- -webkit-transition: height .5s;
- transition: height .5s;
- height: 0;
- overflow: hidden;
- }
- .collapsible-content.open {
- height: auto;
- overflow: auto;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 2. Header Styles
- /*-----------------------------------------------------------------------------------*/
- #logo a {
- height: 70px;
- line-height: 70px;
- }
- #logo img.standard {
- display: none;
- }
- #logo img.retina {
- display: inline-block;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 3. Main Content Styles
- /*-----------------------------------------------------------------------------------*/
- /* Gallery ----------------------------------------------------------------*/
- #gallery {
- min-height: 100px;
- }
- /* Calendar ---------------------------------------------------------------*/
- .subtitle.calendar {
- margin-bottom: 10px;
- }
- .DOPBSPCalendar-container {
- margin-bottom: 25px!important;
- }
- /* Booking ----------------------------------------------------------------*/
- #booking {
- margin-top: 20px;
- padding-bottom: 36px;
- }
- /* media */
- #booking .media {
- min-height: 80px; /* 68 */
- position: relative;
- }
- #booking .media .media-body {
- clear: both;
- width: 100%;
- height: 0;
- text-align: center;
- }
- /* media body > title */
- #booking .title {
- padding-top: 16px;
- margin-top: 0;
- font-size: 14px;
- color: #fff;
- opacity: 0.8;
- }
- /* media body > day & date */
- #booking #ciDay,
- #booking #coDay,
- #booking .date {
- padding: 2px 0 16px 0;
- display: inline-block;
- }
- #booking .date {
- font-size: 16px;
- line-height: inherit;
- }
- /* booking select */
- #booking .date-picker,
- #booking div.fancy-select,
- #booking div.trigger,
- #booking .price {
- width: 100%;
- height: 76px;
- font-size: 18px;
- line-height: inherit;
- }
- /* checkin */
- #booking .date #ciDayN,
- #booking #ciDateDivider {
- display: none;
- }
- /* checkout */
- #booking #coDayN,
- #booking #coDateDivider {
- display: none!important;
- }
- #booking .setDate {
- background-image: none!important;
- }
- #ui-datepicker-div {
- margin-top: -117.5px!important;
- }
- /* guest title */
- #booking #guestField .title {
- z-index: 99;
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- color: #fff;
- width: 100%;
- text-align: center;
- font-size: 14px;
- color: #fff;
- opacity: 0.8;
- }
- /* guest number */
- #booking #guestField,
- #booking #guestField > div,
- #booking #guestField .dopselect-select,
- #booking #guestField .dopselect-selection {
- width: 100%;
- height: 76px;
- }
- #booking #guestField .dopselect-selection {
- font-size: 16px;
- line-height: 26px;
- padding-top: 40px;
- }
- #booking #guestField .dopselect-selection span {
- display: block;
- font-size: 14px;
- }
- #booking .trigger .title {
- padding-bottom: 2px;
- }
- /* price */
- #booking .price {
- background: #f6f8f8;
- border: 0;
- box-shadow: 0 3px 0 0px #1abc9c;
- text-align: center;
- }
- #booking #priceContainer .date {
- display: none;
- }
- #booking #bookingLabel.title {
- color: #000;
- padding-bottom: 2px;
- }
- /* booking btn */
- #booking .btn {
- margin-top: 25px;
- }
- /* Property details -------------------------------------------------------*/
- /* Details list */
- .details-list {
- margin-bottom: 25px;
- }
- .details-list li {
- width: 100%;
- float: none;
- }
- /* Details Gallery */
- .gallery-item {
- min-height: 100px;
- width: 50%;
- }
- .gallery-item .overlay {
- background-position: center 30%;
- }
- .gallery-item .overlay-meta {
- bottom: 15px;
- left: 15px;
- }
- /* Owners -----------------------------------------------------------------*/
- #owners.block {
- padding-bottom: 0;
- }
- #owners .h2-divider {
- margin-bottom: 25px;
- }
- #owners .media {
- text-align: center;
- margin-bottom: 30px;
- }
- #owners .media img {
- width: auto;
- float: none;
- }
- /* Calendar ---------------------------------------------------------------*/
- .calendar-inner a.toggle-calendar {
- display: none;
- }
- /* Weather ----------------------------------------------------------------*/
- #weather .degree:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- #weather .degree { display: inline-block; } /* Hide from IE Mac \*/
- #weather .degree { display: block; }
- #weather .degree-inner {
- width: 220px;
- margin: 0 auto;
- }
- #weather .weather-stats ul {
- width: 210px;
- margin-left: auto;
- margin-right: auto;
- }
- /* Directions -------------------------------------------------------------*/
- /* map */
- #map {
- height: 320px;
- }
- /* Contacts ---------------------------------------------------------------*/
- #contacts.block {
- padding-bottom: 30px;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 5. Comments
- /*-----------------------------------------------------------------------------------*/
- .children .comment {
- padding-left: 0;
- }
- #commentform input {
- width: 100%;
- }
- #commentform #submit {
- width: 100%;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 7. Footer Styles
- /*-----------------------------------------------------------------------------------*/
- footer .pull-left,
- footer .pull-right {
- float: none;
- display: block;
- text-align: center;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 8. Page & Page Templates
- /*-----------------------------------------------------------------------------------*/
- /* Page title */
- .page-title {
- padding: 50px 0;
- }
- /* Contact Form styles ----------------------------------------------------*/
- .wpcf7 input,
- .wpcf7 .wpcf7-submit,
- .wpcf7-form-control-wrap.budget {
- width: 100%;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 9. Widget
- /*-----------------------------------------------------------------------------------*/
- /* Sidebar ----------------------------------------------------------------*/
- aside {
- border-top: 1px solid #eee;
- margin-top: 50px;
- padding-top: 50px;
- }
- /* DatePicker Container */
- .ui-datepicker:before {
- border: 0;
- margin-top: 0;
- }
- .ui-datepicker {
- position: fixed!important;
- top: 50%!important;
- left: 50%!important;
- }
- /*-----------------------------------------------------------------------------------*/
- /* 12. Shortcodes
- /*-----------------------------------------------------------------------------------*/
- /* Promo box --------------------------------------------------------------*/
- .promo-content {
- width: 100%;
- float: none;
- padding-bottom: 20px;
- }
- .promo-content li {
- margin-bottom: 10px;
- }
- .promo-price {
- width: 100%;
- float: none;
- text-align: center;
- }
- .promo-price .cost {
- font-size: 68px;
- line-height: 68px;
- }
- /* Statistics Block -------------------------------------------------------*/
- .statistics {
- padding-bottom: 0;
- }
- .stat {
- margin-bottom: 50px;
- }
- /* Review Item ------------------------------------------------------------*/
- .reviews {
- padding-bottom: 0;
- }
- .review-item {
- margin-bottom: 50px;
- }
- }
- /*-----------------------------------------------------------------------------------*/
- /* 11. Retina support
- /*-----------------------------------------------------------------------------------*/
- @media only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (-o-min-device-pixel-ratio: 2/1),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 2dppx) {
- header #logo a img.standard {
- display: none;
- }
- header #logo a img.retina {
- display: inline-block;
- }
- /* DOC SETUP */
- /* booking > set date */
- #booking .setDate {
- background-image: url(img/set-date@2x.png);
- background-size: 32px 32px;
- -moz-background-size: 32px 32px;
- -webkit-background-size: 32px 32px;
- }
- /* details gallery */
- .gallery-item .overlay {
- background-image: url(img/zoom@2x.png);
- background-size: 45px 45px;
- -moz-background-size: 45px 45px;
- -webkit-background-size: 45px 45px;
- }
- /* MAIN CONTENT STYLES */
- /* Gallery */
- #gallery .tp-leftarrow.default,
- .rev-slider-gallery .tp-leftarrow.default {
- background: url(img/slider-controls@2x.png) no-repeat 0 0;
- background-size: 60px;
- }
- #gallery .tp-rightarrow.default,
- .rev-slider-gallery .tp-rightarrow.default {
- background: url(img/slider-controls@2x.png) no-repeat 0 -60px;
- background-size: 60px;
- }
- /* Calendar */
- .calendar-inner a.toggle-calendar {
- background-image: url(img/close_calendar@2x.png);
- background-size: 39px 39px;
- -moz-background-size: 39px 39px;
- -webkit-background-size: 39px 39px;
- }
- #calendar .DOPBookingSystemPRO_Navigation .previous_btn {
- background-image: url(img/calendar-nav@2x.png);
- background-size: 28px 28px;
- -moz-background-size: 28px 28px;
- -webkit-background-size: 28px 28px;
- }
- #calendar .DOPBookingSystemPRO_Navigation .next_btn {
- background-image: url(img/calendar-nav@2x.png);
- background-size: 28px 28px;
- -moz-background-size: 28px 28px;
- -webkit-background-size: 28px 28px;
- }
- /* Booking success */
- #booking .section-item.message .success {
- background-image: transparent url(img/success_icon@2x.png);
- background-size: 65px 65px;
- -moz-background-size: 65px 65px;
- -webkit-background-size: 65px 65px;
- }
- /* iCheck plugin */
- .iradio_flat {
- background: url(img/icheck/flat@2x.png) no-repeat;
- background-size: 80px;
- -moz-background-size: 80px;
- }
- /* Directions */
- .map-arrow {
- background-image: transparent url(img/map-arrow@2x.png) top center no-repeat;
- background-size: 50px;
- /*-moz-background-size: 50px;
- -webkit-background-size: 50px;*/
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement