body { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; color: #9c869c; background-color: #1d1919; } p { line-height: 1.5; margin: 30px 0; } p a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; clear: both; } a { color: #d3a6da; transition: color .4s; text-decorarion: none; } a:hover, a:focus { color: #fff; transition: color .3s; outline: none; text-shadow:none; } a img:hover, a img:focus { cursor: zoom-in; outline: none; } blockquote { color: #808080; font-style: italic; } hr.small { max-width: 100px; margin: 15px auto; border-width: 4px; border-color: white; } .navbar-custom { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .navbar-custom .navbar-brand { font-weight: 800; } .navbar-custom .nav li a { color: white; text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: 1px; } @media only screen and (min-width: 768px) { .navbar-custom { background: transparent; border-bottom: 1px solid transparent; } .navbar-custom .navbar-brand { color: white; padding: 20px; } .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus { color: #c39aed; } .navbar-custom .nav li a { color: white; padding: 20px; } .navbar-custom .nav li a:hover{ color: #c39aed; } } @media only screen and (min-width: 1170px) { .navbar-custom { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .navbar-custom.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ position: fixed; top: -61px; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .navbar-custom.is-fixed .navbar-brand { color: #ffffff; } .navbar-custom.is-fixed .navbar-brand:hover { color: #c39aed; } .navbar-custom.is-fixed .nav li a:hover { color: #c39aed; } .navbar-custom.is-fixed .nav li a:active{ color: #c39aed; } .navbar-custom.is-visible { /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .intro-header { background: no-repeat center center; background-color: #808080; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; margin-bottom: 50px; } .intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 100px 0 50px; color: white; } @media only screen and (min-width: 768px) { .intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 150px 0; } } .intro-header .site-heading, .intro-header .page-heading { text-align: center; } .intro-header .site-heading h1, .intro-header .page-heading h1 { margin-top: 0; font-size: 50px; text-shadow: 1px 1px 4px #000; } .intro-header .site-heading .subheading, .intro-header .page-heading .subheading { font-size: 24px; line-height: 1.1; display: block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; margin: 10px 0 0; text-shadow: 1px 1px 4px #000; } @media only screen and (min-width: 768px) { .intro-header .site-heading h1, .intro-header .page-heading h1, { font-size: 80px; } .intro-header .post-heading h1, .intro-header .site-heading h1, .intro-header .page-heading h1, .wrapper h2, .wrapper .entry-summary { text-shadow: 2px 2px 2px black; } } .intro-header .post-heading h1 { font-size: 35px; } .intro-header .post-heading .subheading, .intro-header .post-heading .meta { line-height: 1.1; display: block; } .intro-header .post-heading .subheading { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; margin: 10px 0 30px; font-weight: 600; text-shadow: 1px 1px 4px #000; } .intro-header .post-heading .meta { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; text-shadow: 1px 1px 4px #000; font-size: 20px; } .intro-header .post-heading .meta a { color: white; } @media only screen and (min-width: 768px) { .intro-header .post-heading h1 { font-size: 55px; } .intro-header .post-heading .subheading { font-size: 30px; text-shadow: 1px 1px 4px #000; } } .post-preview > a { color: #f5f5f5; } .post-preview > a:hover, .post-preview > a:focus { text-decoration: none; color: #c39aed; } .post-preview > a > .post-title { font-size: 30px; margin-top: 30px; margin-bottom: 10px; } .post-preview > a > .post-subtitle { margin: 0; font-weight: 300; margin-bottom: 10px; } .post-preview > .post-meta { color: #808080; font-size: 18px; font-style: italic; margin-top: 0; } .post-preview > .post-meta > a { text-decoration: none; color: #404040; } .post-preview > .post-meta > a:hover, .post-preview > .post-meta > a:focus { color: #c39aed; text-decoration: underline; } @media only screen and (min-width: 768px) { .post-preview > a > .post-title { font-size: 36px; } } .section-heading { font-size: 36px; margin-top: 60px; font-weight: 700; } .caption { text-align: center; font-size: 14px; padding: 10px; font-style: italic; margin: 0; display: block; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } footer { margin: -30px 0 0px; } footer .list-inline { margin: 0; padding: 0; } footer .copyright { font-size: 14px; text-align: center; margin-bottom: 0; } .floating-label-form-group { font-size: 14px; position: relative; margin-bottom: 0; padding-bottom: 0.5em; border-bottom: 1px solid #eeeeee; } .floating-label-form-group input, .floating-label-form-group textarea { z-index: 1; position: relative; padding-right: 0; padding-left: 0; border: none; border-radius: 0; font-size: 1.5em; background: none; box-shadow: none !important; resize: none; } .floating-label-form-group label { display: block; z-index: 0; position: relative; top: 2em; margin: 0; font-size: 0.85em; line-height: 1.764705882em; vertical-align: middle; vertical-align: baseline; opacity: 0; -webkit-transition: top 0.3s ease,opacity 0.3s ease; -moz-transition: top 0.3s ease,opacity 0.3s ease; -ms-transition: top 0.3s ease,opacity 0.3s ease; transition: top 0.3s ease,opacity 0.3s ease; } .floating-label-form-group::not(:first-child) { padding-left: 14px; border-left: 1px solid #eeeeee; } .floating-label-form-group-with-value label { top: 0; opacity: 1; } .floating-label-form-group-with-focus label { color: #c39aed; } form .row:first-child .floating-label-form-group { border-top: 1px solid #eeeeee; } .btn { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 1px; border-radius: 0; padding: 15px 25px; } .btn-lg { font-size: 16px; padding: 25px 35px; } .btn-default:hover, .btn-default:focus { background-color: #c39aed; border: 1px solid #c39aed; color: white; } .pager { margin: 20px 0 0; } .pager li > a, .pager li > span { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 1px; padding: 10px 5px; background-color: black; } @media only screen and (min-width: 768px) { .pager li > a, .pager li > span { font-size: 14px; padding: 15px 25px; } } .pager li > a:hover, .pager li > a:focus { color: white; background-color: black; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #808080; background-color: #404040; cursor: not-allowed; } ::-moz-selection { color: white; text-shadow: none; background: #c39aed; } ::selection { color: white; text-shadow: none; background: #c39aed; } img::selection { color: white; background: transparent; } img::-moz-selection { color: white; background: transparent; } body { webkit-tap-highlight-color: #c39aed; } .fa-stack-2x { color: black; } article img, #post-content img { padding: 15px; } article .small, #post-content .small { max-width: 30%; } article img.medium, #post-content img.medium { width: 50%; } article .large img, #post-content .large img { width: 70%; } article .full img, #post-content .full img { width: 100%; } @media screen and (max-width: 780px) { article .small, #post-content .small, article .medium img, #post-content .medium img, article .large img, #post-content .large img { clear: both; width: 100%; text-align: center; } } article .left, #post-content .left { float: left; } article img.center, #post-content img.center { margin: 0 auto; } article .right, #post-content .right { float: right; } article .clear, #post-content .clear { clear: all; } .fancytextborder { margin-right:1em; text-shadow: -.025em -.025em 0 rgba(102, 0, 85, 0.75), .025em -.025em 0 rgba(102, 0, 85, 0.75), -.025em .025em 0 rgba(102, 0, 85, 0.75), .025em .025em 0 rgba(102, 0, 85, 0.75); } .view-cart { float: right; display: block; margin-top: 13px; width: 36px; } .addtocart { position: relative; width: 320px; } .addtocart .addtocart-button { float: left; width: 100%; } .addtocart .addtocart-button:hover { opacity: .7; } .addtocart div { display: block; text-align: center; position: absolute; top: 75px; right: 40px; } .addtocart h2 { color: rgb(198, 157, 207); margin-bottom: -10px; } .addtocart sub { font-size: 10pt; font-style: italic; } .newsletter { background-color: #725377; color: white; } .newsletter #tlemail { background-color: #e6d0e6; } .newsletter #submit { background-color:#9c869c; } #donate input { width: 200px; } #donate:hover { opacity: .8; } @media only screen and (min-width: 768px) { li #donate { display: none; } .donate-outside #donate { position: absolute; top: 60px; right: 0px; } } @media only screen and (max-width: 768px) { #donate { display: block; } .donate-outside #donate { display: none; } } .center { text-align: center; } #headerwrapper { background: no-repeat center center; background-size: cover; background-attachment: scroll; display: block; } #headerwrapper .intro-header { background-color: rgba(118, 37, 126, 0.8); } #header-booknow { position: absolute; top: 60px; } .services-testimonials h2 { text-align: center; } .services-testimonials ul { padding: 0px; } .services-testimonials ul li { text-align: center; list-style-type: none; font-size: 20px; font-style: italic; } .services-testimonials ul li li { text-align: right; font-weight: 800; content: "By: "; font-size: 18px; font-style: bold; margin-bottom: 40px; } .round { border-radius: 50%; width: 150px; height: 150px; margin: 0 auto; border: 1px solid purple; } .services-three { padding: 0px; } .services-one h1, .services-one h2 { text-align: center; } .services-one { text-align: justify; font-size: 16px; } .services-one .round { border-radius: 50%; width: 300px; height: 300px; margin: 0 auto; margin-top: -160px; } .services-three li { width: 33%; float: left; display: block; font-size: 16px; text-align: center; margin: 5px 0; } .services-three li h2 { font-size: 20px; text-align: center; } .services-two ul { padding: 0px; } .services-two li { width: 50%; float: left; padding: 5px; list-style-type: none; font-size: 12pt; height: 550px; padding: 20px; text-align: justify; } .services-two li p { padding: 0 40px; } .services-two li h3 { padding-bottom: 20px; text-align: center; } @media screen and (max-width: 780px) { .services-three li { width: 100%; float: none; clear: both; display: block; } .owl-gallery { margin-top: 0px!important; } .booknow { width: 100%; display: inline; padding-right: 0px; clear:both; margin: 5px auto; } .booknow img { width: 100%; } #header-booknow { display: none; } .services-two li { width: 100%; float: left; list-style-type: none; float: none; clear: both; display: block; height: auto; padding: 5px; } } .owl-overlay { display: block; z-index: 9999999; position: absolute; bottom: 0px; right: 0px; visibility: visible; } .owl-wrapper { position: relative; } hr { border: 0; height: 0; box-shadow: 0 0 1px 1px rgb(196, 146, 196); } .bloglist-header { /* border: 1px solid red; */ left: 0px; right: 0px; clear: both; position: relative; padding: 20px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #post-content { padding-bottom: 80px; } .bloglist-header h2, .bloglist-header h3, .bloglist-header .meta { color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .bloglist-header .meta { color: #fff; } ul#pager { position: absolute; display: block; clear: both; /* border: 1px solid red; */ margin: 0 auto; width: 100%; } #pager li { float: center; display: block; text-align: center; margin: 0 auto; } .container { overflow: hidden; } .services-three a img:hover { cursor: inherit; } .gallery { min-height: 1000px; } .gallery img { float: left; margin: 20px 0; max-height: 1100px; width: 95%; } .gallery-col { width: 50%; float: left; } /* Shop */ .shop.item { display: block; width: 24%; float: left; text-align: center; padding: 20px; } .shop.item b, .shop.item i { display: block; clear: both; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shop.item img { max-width: auto; height: 300px; margin: 5px auto; padding-bottom: 20px; object-fit: cover; } @media screen and (max-width: 780px) { .shop.item { display: block; width: 100%; border: 1px solid #614961; margin: 5px; float: left; text-align: center; padding: 20px; } } @media screen and (min-width: 780px) { .productimg { float: left; width: 60%; } p .img-responsive { max-width: 40%; } } .row h1, .row h2, .row h3, .row h4, .row h5, .row h6 { clear: initial; }