Edit File - File Manager

Edit File: style.css

/* 
Skin Name: eBook
Version: 1.0
Demo URI: https://themify.me/demo/themes/ultra-ebook/ 
Required Plugins: builder-contact
*/

/************************************************************************************
GENERAL
*************************************************************************************/
body {
	font: normal 1em/1.625em 'Open Sans', sans-serif;
	color: #333;
}
/* fix footer 1px gap issue */
.screen-reader-text {
	display: none;
}
.post-title a:hover,
a {
	color: #ee6831;
}

/* FORM
================================================ */
textarea,
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #686868;
	background: none;
}
textarea {
	border: 1px solid #686868;
}
.module-contact label,
#commentform label {
	font-weight: normal;
	text-transform: none;
}
input[type=text],
input[type=email],
input[type=url] {
	padding: 0.75em;
	margin-bottom: 3em;
	max-width: none;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4 {
	font-family: 'Playfair Display';
	font-weight: normal;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.2em;
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
	font-family: 'Playfair Display';
}
.transparent-header #headerwrap,
.transparent-header .header-icons a {
	color: #1c1c1c;
}
#headerwrap.fixed-header, 
.transparent-header #headerwrap.fixed-header {
	background-color: rgba(255, 255, 255, .9);
}

/* SITE LOGO
================================================ */
#site-logo {
	font-size: 1.7em;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: normal;
}

/* MAIN NAVIGATION
================================================ */
#main-nav a {
	padding: .6em 1.3em;
}
.mobile_menu_active #headerwrap #main-nav .current_page_item>a,
.mobile_menu_active #headerwrap #main-nav .current-menu-item>a,
.mobile_menu_active #headerwrap #main-nav a:hover,
.mobile_menu_active #headerwrap #main-nav ul a:hover,
#main-nav .current_page_item>a,
#main-nav .current-menu-item>a,
#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover {
	color: #daa36d;
}

/* SEARCH OPTIONS
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a {
	box-shadow: inset 0 -3px 0 0 #daa36d;
}
.view-all-button:after {
	border-bottom: 3px solid #daa36d;
}

/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header #headerwrap.fixed-header,
.header-overlay.mobile-menu-visible #headerwrap {
	background-color: #daa36d;
	background-color: rgba(218, 163, 109, .94);
}

/* HEADER STRIPE
================================================ */
.header-stripe #site-logo {
	background-color: #daa36d;
}

/* HEADER BOTTOM
================================================ */
.header-bottom #footerwrap.expanded {
	border-top: none;
	border-bottom: 1px solid #daa36d;
}
.header-bottom #pagewrap .back-top:not(.back-top-float) a {
	width: 44px;
	height: 44px;
	line-height: 44px;
}
.header-bottom #pagewrap .back-top a:before {
	font-size: inherit;
}
body:not(.fixed-header-on).header-bottom #pagewrap .back-top:not(.back-top-float) {
	transform: scale(0);
}
#pagewrap .back-top:not(.back-top-float) .arrow-up {
	position: static;
}

/* HEADER CLASSIC
================================================ */
body:not(.mobile_menu_active).header-classic .navbar-wrapper {
	background-color: #daa36d;
}

/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper.list-post .post-date,
.single .post-content .post-date {
	background-color: #daa36d;
}
.post-nav .arrow {
	color: #daa36d;
}
.post-nav a:hover span {
	color: #000;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
	background: url(images/footer-bg.png) no-repeat top 40px center;
	background-color: #262627;
	border: none;
	color: rgba(255, 255, 255, .6);
	padding-top: 92px;
}
#footerwrap a {
	color: #daa36d;
}
#footerwrap a:hover {
	color: #fff;
}
.footer-horizontal-left .footer-widgets .col4-2.first,
.footer-horizontal-right .footer-widgets .col4-2.first {
    width: 74.2%;
    text-align: unset;
}
.footer-horizontal-left .footer-widgets .col4-2,
.footer-horizontal-right .footer-widgets .col4-2 {
    width: 22.6%;
    text-align: right;
}

/* FOOTER NAVIGATION
================================================ */
.footer-widgets .menu li {
	display: inline-block;
}
.footer-widgets .menu li a,
.footer-nav li a {
	font-family: 'Playfair Display', serif;
	font-size: 1.1em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-right: 1.4em;
}
.footer-horizontal-left .footer-nav a,
.footer-horizontal-right .footer-nav a,
.footer-left-col .footer-nav a,
.footer-right-col .footer-nav a {
	margin-right: 1.4em;
}

/* FOOTER SOCIAL WIDGET
================================================ */
#footer .social-links li {
	margin-right: 7px;
}
#footerwrap .social-links a {
	background-color: #daa36d;
	color: #262627;
	min-width: 30px;
	min-height: 30px;
	padding: 11px;
	display: inline-block;
	border-radius: 50em;
	box-sizing: border-box;
	transition: all .7s;
}
#footerwrap .social-links a:hover {
	transform: scale(1.1);
}

/* FOOTER TEXT
================================================ */
.footer-text {
	font-size: .9em;
}
.footer-text .one,
.footer-text .two {
	display: block;
}
.section-col + .footer-text {
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
.footer-block .section-col + .footer-text {
	position: static;
	width: auto;
	text-align: unset;
}

/* FOOTER BACK TOP
================================================ */
#footerwrap .footer-tab,
.full-section-scrolling #footerwrap .back-top .arrow-up a,
#pagewrap .back-top.back-top-float,
.footer-horizontal-left .back-top .arrow-up a,
.footer-horizontal-right .back-top .arrow-up a,
.footer-left-col .back-top .arrow-up a,
.footer-right-col .back-top .arrow-up a {
	background-color: #daa36d;
}
#footerwrap .footer-tab,
.footer-horizontal-left #footer .back-top .arrow-up a,
.footer-horizontal-right #footer .back-top .arrow-up a,
.footer-left-col #footer .back-top .arrow-up a,
.footer-right-col #footer .back-top .arrow-up a {
	color: #262627;
}
#pagewrap .back-top.back-top-float:hover,
.footer-horizontal-left #footer .back-top .arrow-up:hover a,
.footer-horizontal-right #footer .back-top .arrow-up:hover a,
.footer-left-col #footer .back-top .arrow-up:hover a,
.footer-right-col #footer .back-top .arrow-up:hover a {
	background-color: #262627;
	color: #daa36d;
}
#pagewrap .back-top.back-top-float a {
	transition: none;
}
#pagewrap .back-top.back-top-float:hover a {
	color: #daa36d;
}
.footer-horizontal-left .back-top,
.footer-horizontal-right .back-top,
.footer-left-col .back-top,
.footer-right-col .back-top {
	top: -127px;
}

#footerwrap.expanded {
	border-top: 1px solid #daa36d;
}
#footerwrap .ui.builder_button {
	text-transform: uppercase;
	background-color: #daa36d;
	color: #000;
	font-size: 1.1em;
	padding: 1.2emn 2em;
}

/************************************************************************************
BUILDER STYLES
*************************************************************************************/
/* BUTTON
================================================ */
input[type=reset], input[type=submit], button[type=submit],
.builder_button {
	font-family: 'Playfair Display';
	padding: .75em 1.9em 1em 2.45em;
	border-radius: 0;
	background-color: #333333;
	color: #fff;
	font-weight: normal;
	position: relative;
	letter-spacing: 0.05em;
	transition: all .3s;
}
input[type=reset], input[type=submit], button[type=submit],
.module-buttons {
	text-transform: uppercase;
}
.ui.builder_button {
	border: none;
	padding: .75em 1.9em 1em 2.45em;
}
input[type=reset]:hover, input[type=submit]:hover, button[type=submit]:hover,
.ui.builder_button:hover {
	background-color: #daa36d;
	color: #000000;
}

/* DROP CAP
================================================ */
.tb_module_front.tb_text_dropcap .tb_action_wrap + :first-letter, 
.tb_text_dropcap > :first-child:first-letter {
	background-color: inherit;
	color: inherit;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin-right: 6px;
}

/* TESTIMONIAL SLIDER 
================================================ */
.module.module-testimonial-slider .carousel-wrap li > div {
	margin: 1.2em 1.4em;
}
.module.module-testimonial-slider .carousel-wrap li > div:before  {
	content: "";
	background-image: url(images/testimonials-box-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
}
.module.module-testimonial-slider .testimonial-content {
	background-color: #1c1c1c;
    color: #fff;
    padding: 3em;
	font-style: italic;
	text-align: left;
	line-height: 2em;
	position: relative;
	z-index: 1;
}
.module.module-testimonial-slider .testimonial-entry-content {
	margin-bottom: 3.1em;
	font-size: 1.125em;
	letter-spacing: 0em;
}
.module.module-testimonial-slider .testimonial-author {
	background-image: url(images/testimonials-5stars.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 2.2em;
}
.module.module-testimonial-slider .testimonial-author:after {
    content: '';
    display: block;
	height: 1.25em;
    background: url(images/testimonials-line.png) no-repeat bottom left;
}
.module.module-testimonial-slider .testimonial-content .person-name {
	font-size: 0.875em;
	font-style: normal;
	line-height: 1.1em;
	letter-spacing: 0.02em;
}
.module.module-testimonial-slider .testimonial-content .person-position,
.module.module-testimonial-slider .testimonial-content .person-company {
	color: rgba(255,255,255,.5);
	display: block;
	font-size: 0.88em;
	font-style: normal;
	line-height: 1.8em;
	letter-spacing: .02em;
}
.module.module-testimonial-slider.image-bottom .testimonial-image {
	float: left;
	margin-right: 0.7em;
}
.module.module-testimonial-slider .testimonial-image img {
	padding-bottom: 0;
}

/* image bubble */
.module.module-testimonial-slider.image-bubble .testimonial-content {
    padding-bottom: 0;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 880px) {
	.module.module-testimonial-slider .testimonial-content {
		margin: 1em;
	}
}
@media screen and (max-width: 980px) and (min-width: 681px) {
	.module.module-testimonial-slider .testimonial-author {
		background-size: 100%;
	}
}
@media screen and (max-width: 680px) {
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 2.2em;
	}
	h3 {
		font-size: 1.6em;
	}
	.section-col + .footer-text,
	.footer-horizontal-left .footer-widgets .col4-2.first,
	.footer-horizontal-right .footer-widgets .col4-2.first,
	.footer-horizontal-left .footer-widgets .col4-2,
	.footer-horizontal-right .footer-widgets .col4-2 {
		width: auto;
		text-align: unset;
	}
	.section-col + .footer-text {
		position: static;
	}
}

Back to File Manager