File: //home/bristolfilton.co.uk/public_html/wp-content/themes/maxbusiness/style.css
/*
Theme Name: MaxBusiness
Author: codeins
Author URI: https://www.codeins.org
Theme URI: https://www.codeins.org/themes/maxbusiness/
Description: Business Theme for clean and fast website. Theme using bootstrap framework for responsive design. FontAwesome icon added to give your website good looks.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maxbusiness
Tags: blog, portfolio, custom-logo, custom-header, custom-menu, featured-images, full-width-template, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, one-column, two-columns
This theme, like WordPress, is licensed under the GPL.
MaxBusiness is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
body {
font-family: "Open Sans";
}
.img-responsive {
width: 100%;
height: auto;
}
a,
a:hover,
a:focus {
outline: 0;
text-decoration: none;
color: #2c3e50;
}
img {
max-width: 100%;
}
input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
border: 2px solid #ccc;
padding: 5px 10px;
background-color: #FFF;
outline: none;
border-radius: 2px;
}
input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
outline: none;
border-color: rgb(66, 202, 173);
}
textarea {
width: 100%;
min-height: 70px;
}
input[type=checkbox],
input[type=radio] {
display: inline-block;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
box-shadow: none;
color: rgb(255, 255, 255);
cursor: pointer;
text-shadow: none;
border: 2px solid #ddd;
background: #2c3e50;
padding: 6px 15px;
border-radius: 2px;
display: inline-block;
margin: 5px 10px 10px 0;
font-weight: bold;
text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
}
table {
border: 1px solid #ddd;
}
td, th {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
.site-content {
min-height: 700px;
}
.cs-space {
padding: 50px 0;
}
.section-heading {
border-bottom: 1px solid #e7e7e7;
margin: 0;
text-align: center;
}
.section-title {
font-size: 48px;
margin: 0;
text-transform: uppercase;
}
.section-description {
font-size: 18px;
margin: 10px 0;
}
.cs-top {
background-color: #4CAF50;
padding: 15px 0px;
}
.cs-contact {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
.cs-contact li {
display: inline-block;
}
.cs-contact li a {
font-size: 16px;
color: #fff;
}
.cs-social {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
.cs-social li {
display: inline-block;
}
.cs-social li a {
font-size: 16px;
color: #fff;
}
.cs-top-social {
text-align: right;
}
.cs-contact i {
font-size: 18px;
margin-right: 5px;
text-align: center;
width: 25px;
}
.cs-social i {
background-color: #fff;
border-radius: 4px;
color: #4CAF50;
font-size: 16px;
height: 27px;
padding: 6px;
text-align: center;
width: 27px;
}
.cs-menu {
background-color: #fff;
border: 0 none;
border-radius: 0;
margin: 0;
}
.cs-menu .navbar-brand img {
max-width: 100%;
height: auto;
min-height: 55px;
}
.site-title {
font-size: 25px;
}
.site-description {
font-size: 13px;
}
.site-title a {
color: #4CAF50;
}
.cs-menu .navbar-collapse {
float: right;
}
.cs-menu .navbar-brand {
display: inline-block;
font-size: 42px;
margin: 0 !important;
padding: 20px 0 0;
height: auto;
padding: 10px 0;
line-height: normal;
}
.site-branding {
float: left;
max-width: 250px;
}
.custom-logo-link {
float: left;
display: inline-block;
}
.cs-menu .navbar-nav li a {
font-size: 15px;
text-transform: uppercase;
padding: 25px 15px;
color: #333;
}
.cs-menu .navbar-right .dropdown-menu {
left: 0;
right: auto;
min-width: 200px;
}
.cs-menu .dropdown-menu a {
padding: 10px !important;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100% !important;
margin-top: -2px;
margin-left: -1px;
margin-right: -130px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.dropdown-submenu a:after {
display: block;
content: "";
float: right;
width: 0;
height: 0;
border-color: transparent;
font-weight: bold;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: -1px;
margin-right: 0px;
font-size: 20px;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.mobile-eve {
display: inline-block;
margin-left: 5px;
float: right;
}
.dropdown-menu .caret {
margin-top: 10px;
position: absolute;
right: 10px;
}
.cs-menu .navbar-nav li.active > a,
.cs-menu .navbar-nav li.active > a:focus,
.cs-menu .navbar-nav li.active > a:hover,
.cs-menu .navbar-nav li > a:hover,
.cs-menu .navbar-nav li.dropdown.open > a {
background-color: #fff;
border-bottom: 3px solid #4CAF50;
color: #4CAF50;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li a {
background-color: #fff;
color: #333;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li a:hover {
background-color: #4CAF50;
color: #fff;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open a {
background-color: #4CAF50;
color: #fff;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li a {
background-color: #fff;
color: #333;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li a:hover {
background-color: #4CAF50;
color: #fff;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li.dropdown.open a {
background-color: #4CAF50;
color: #fff;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li a {
background-color: #fff;
color: #333;
border-bottom: 3px solid #fff;
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu li a:hover {
background-color: #4CAF50;
color: #fff;
border-bottom: 3px solid #fff;
}
.cs-menu .dropdown-menu {
padding: 0;
margin-top: -1px !important;
}
.site-header {
border-top: 3px solid #4CAF50;
}
.navbar-toggle {
position: relative;
float: right;
padding: 13px 15px;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #4CAF50;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
cursor: pointer;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #4CAF50;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 4px;
border-radius: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #333;
}
/* Slider */
.cs-slider {
margin: 0;
overflow: hidden;
}
.carousel-caption {
color: #fff;
position: absolute;
top: 25%;
overflow: hidden;
}
.carousel-caption h2 {
background-color: rgba(255, 255, 255, 0.6);
color: #111;
font-size: 36px;
padding: 15px 10px;
display: block;
text-shadow: 1px 1px 3px #111;
font-weight: bold;
margin: 0;
}
.carousel-caption p {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 20px;
padding: 5px 10px;
white-space: pre-line;
word-wrap: break-word;
text-shadow: 1px 1px 3px #111;
}
.slider-link,
.slider-link:hover,
.slider-link:focus {
background-color: #4CAF50;
color: #fff;
margin-top: 30px;
font-size: 16px;
text-transform: uppercase;
}
.cs-slider .swiper-slide-active .animation.animated-item-1 {
animation: 500ms linear 300ms normal both 1 running slideInDown;
}
.cs-slider .swiper-slide-active .animation.animated-item-2 {
animation: 900ms linear 600ms normal both 1 running zoomInUp;
}
.cs-slider .swiper-slide-active .animation.animated-item-3 {
animation: 1200ms linear 900ms normal both 1 running bounceInLeft;
}
.cs-slider .swiper-slide-active .animation.animated-item-4 {
animation: 1200ms linear 900ms normal both 1 running bounceInRight;
}
.cs-slider .swiper-pagination-bullet {
width: 35px;
height: 10px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.7);
opacity: 1;
}
.cs-slider .swiper-pagination-bullet-active {
background: #4CAF50;
}
.swiper-button-next,
.swiper-button-prev {
background-image: none;
height: 80px;
width: 50px;
background-color: rgba(0, 0, 0, 0.5);
font-size: 50px;
color: #FFF;
text-align: center;
}
.button {
display: block;
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
padding: 2px 10px 2px;
border-radius: 2px;
border: 1px solid #FFF;
cursor: pointer;
}
.button-main {
margin: 0 10px;
font-size: 20px;
padding: 10px 25px;
border: 0;
color: #FFF;
margin-top: 30px;
text-align: center;
display: inline-block;
}
.button-main:active,
.button-main:hover,
.button-main:visited,
.button-main:focus {
color: #FFF;
}
.button-success {
background-color: #2ecc71;
}
.button-warning {
background-color: #F39C12;
}
/* Slider */
/* Blog */
.blog-detail {
list-style: none;
padding: 5px 0;
margin: 0;
display: block;
}
.blog-detail li {
margin-right: 10px;
display: inline-block;
}
.blog-detail li a {
color: #333;
font-size: 16px;
}
.blog-cats {
list-style: none;
padding: 5px 0;
margin: 0;
display: block;
}
.blog-cats li {
display: block;
margin: 0;
padding: 5px 0;
margin-top: 10px;
}
.blog-cats li a {
color: #2c3e50;
font-size: 16px;
background-color: #eee;
padding: 5px;
border-radius: 2px;
}
.blog-cats i {
color: #4CAF50;
font-size: 18px;
text-align: left;
width: 20px;
}
.home-blog h2 a {
color: #2c3e50;
text-transform: capitalize;
}
.home-blog .img-thumbnail {
padding: 0;
display: block;
border: 0;
position: relative;
}
.blog-detail i {
color: #4CAF50;
font-size: 18px;
text-align: left;
width: 20px;
}
.home-blog p {
font-size: 16px;
}
.cs-blog {
margin: 20px 0;
}
.blog-link {
background-color: #4CAF50;
color: #fff;
margin: 10px 0;
}
.blog-link:active,
.blog-link:hover,
.blog-link:focus,
.blog-link:visited {
color: #FFF;
}
.page-numbers.current {
background-color: #4CAF50;
color: #FFF;
}
.page-numbers {
border: 1px solid #4CAF50;
padding: 6px 12px;
border-radius: 2px;
}
/* Blog */
/*404*/
.error-404.not-found {
text-align: center;
}
/*404*/
/* Call Out */
.callout-con {
position: relative;
min-height: 450px;
overflow: hidden;
}
.call-back {
background-image: url(images/italy-1587287_1280.jpg);
background-attachment: fixed;
position: absolute;
height: 450px;
width: 100%;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
.cs-callout {
color: #fff;
min-height: 450px;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.call-section {
margin: 0;
text-align: center;
}
.call-section h2 {
margin: 0;
font-size: 48px;
}
.call-section p {
font-size: 20px;
margin: 10px 0;
}
.calllout-links {
margin-top: 100px;
}
.call-section .call-link {
background-color: #4CAF50;
color: #fff;
margin: 10px;
font-size: 18px;
text-transform: uppercase;
}
/* Call Out */
/* Client */
.clients {
margin: 0;
}
.cs-client {
background-color: #4CAF50;
}
.cs-client .section-heading {
color: #FFF;
border-bottom: 1px solid #ddd;
}
.cs-client .swiper-slide {
border: 1px solid #A94442;
height: auto;
padding: 15px;
margin-top: 20px;
border-radius: 2px;
background-color: #ecf0f1;
}
.cs-client .swiper-pagination-bullet-active {
background-color: #4CAF50;
}
/* Client */
/* Footer */
.widget-text .cs-blogs {
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget-text .cs-blogs li {
display: inline-block;
margin: 5px 0;
}
.footer-widget {
color: #FFF;
}
.footer-widget select {
color: #333;
}
.footer-widget ul {
padding-left: 10px;
}
.footer-widget ul li {
/* display: inline-block; */
list-style: none;
color: #FFF;
}
.footer-widget ul li:before {
content: "\f105";
font-family: "FontAwesome";
margin-right: 12px;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.footer-widget ul li.cat-item:before {
content: "\f07b";
font-family: "FontAwesome";
margin-right: 12px;
}
.footer-widget #widget_recent_entries ul li:before,
.footer-widget ul li.page_item:before {
content: "\f0f6";
font-family: "FontAwesome";
margin-right: 12px;
}
.footer-widget ul#recentcomments li:before {
content: "\f075";
font-family: "FontAwesome";
margin-right: 12px;
}
.footer-widget ul li:hover:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.footer-widget ul li:hover {
transition: all 0.4s ease-in-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.footer-widget a {
color: #FFF;
}
.widget-text .blog_pics {
padding: 0;
}
.widget-text .cs-blogs h3 {
font-size: 20px;
margin: 0;
}
.widget-text .cs-blogs h3 a {
color: #fff;
}
.widget-text .cs-blogs span {
color: #4CAF50;
display: block;
font-size: 12px;
margin: 5px 0;
}
.widget-text .cs-blogs p {
font-size: 14px;
margin: 5px 0;
color: #fff;
}
.cs-footer-widget {
margin: 0;
}
.cs-footer {
background-color: #282C30;
padding: 50px 0;
}
.cs-gallery {
display: inline-block;
list-style: none;
padding: 0;
}
.cs-gallery li {
display: inline-block;
}
.cs-gallery li img {
width: 70px;
height: 70px;
}
.footer-widget .widget-heading {
margin: 0;
padding: 20px 0;
}
.footer-widget .widget-text {
margin: 0;
padding: 20px 0;
}
.footer-widget .widget-heading h2 {
border-bottom: 2px solid #fff;
color: #fff;
display: inline-block;
margin: 0;
padding: 5px 0;
}
.footer-widget .tagcloud {
display: block;
list-style: outside none none;
padding: 0;
}
.footer-widget .tagcloud li {
border: 0 none;
display: inline-block;
padding: 0;
}
.footer-widget .tagcloud li a {
border: 1px solid #fff;
border-radius: 0;
display: inline-block;
margin: 2px;
padding: 6px 12px;
color: #fff;
}
.footer-widget .tagcloud li a:hover {
background-color: #fff;
color: #4CAF50;
}
.cs-footercopy {
background-color: #1A1E22;
padding: 12px 20px;
border-top: 1px solid #777272;
min-height: 50px;
}
.cs-foots p {
text-align: center;
font-size: 16px;
margin: 0;
color: #fff;
}
.cs-foots a {
color: #4CAF50;
}
/* Footer */
/* Service */
.cs-services {
margin: 20px 0;
}
.cs-home-service {
background-color: #f8f8f9;
}
.cs-serv {
/*margin: 30px 0;*/
margin-top: 30px;
}
.cs-serv-inner {
border: 1px solid #e7e7e7;
float: left;
padding: 20px 5px;
text-align: center;
width: 100%;
}
.service-icon {
text-align: center;
width: 130px;
height: 130px;
margin: 0 auto;
float: none;
padding: 30px;
margin-bottom: 20px;
border-radius: 2px;
}
.serv-1 .service-icon {
background-color: #2ecc71;
border: 1px solid #27ae60;
}
.serv-2 .service-icon {
background-color: #3498db;
border: 1px solid #2980b9;
}
.serv-3 .service-icon {
background-color: #4CAF50;
border: 1px solid #1a841e;
}
.serv-4 .service-icon {
background-color: #9b59b6;
border: 1px solid #8e44ad;
}
.serv-5 .service-icon {
background-color: #f1c40f;
border: 1px solid #f39c12;
}
.serv-6 .service-icon {
background-color: #1abc9c;
border: 1px solid #16a085;
}
/*.serv-one .service-text h3 a, .serv-one .service-text p{
color: #27ae60;
}
.serv-two .service-text h3 a, .serv-two .service-text p{
color: #2980b9;
}
.serv-three .service-text h3 a, .serv-three .service-text p{
color: #c0392b;
}*/
.service-icon i {
font-size: 65px;
/*color: #4CAF50;*/
color: #FFF;
}
.service-text h3 {
margin: 0 0 10px 0;
font-size: 30px;
}
.service-text h3 a {
color: #2C3E50;
}
.service-text p {
font-size: 16px;
}
/* Service */
/* Bread Cum */
.cs-breadcum {
padding: 20px 0;
background-color: #4CAF50;
color: #fff;
}
.cs-breads {
margin: 0;
}
.cs-breads h2 {
display: inline-block;
margin: 0;
padding: 0;
margin-right: 30px;
}
.cs-breads ul {
display: inline-block;
padding: 0;
list-style: none;
margin: 0;
}
.cs-breads ul li {
display: inline-block;
font-size: 16px;
}
.cs-breads ul li i {
margin: 0 5px;
}
.cs-breads ul li a {
color: #fff;
font-size: 18px;
}
/* Bread Cum */
/* Blogs */
.cs-blogs .home-blog {
/*border: 1px solid #eee;*/
margin-bottom: 50px;
}
.home-blog-inner {
border: 1px solid #e7e7e7;
padding: 20px;
background-color: #FFF;
}
.overlay {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
visibility: hidden;
opacity: 0;
overflow: hidden;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.img-thumbnail:hover .overlay {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.tft-blog-more, .tft-blog-img {
color: #FFF;
border: 1px solid #FFF;
padding: 8px 14px;
border-radius: 2px;
margin-top: 25%;
display: inline-block;
}
.tft-blog-more:hover,
.tft-blog-img:hover{
color: #FFF;
}
.cs-blog-left-side .home-blog h2 {
margin: 0 0 5px;
}
.cs-sidebar {
padding: 0;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
max-width: 100%;
}
.widget .search-submit {
display: none;
}
.widget .search-form {
padding-top: 20px;
}
.widget_rss ul li{
margin-bottom: 20px;
}
.sidebar-widget {
background-color: #FFF;
padding: 0 15px 15px 15px;
border: 1px solid #ddd;
margin-bottom: 30px;
overflow: hidden;
}
.sidebar-widget .widget-heading {
padding: 0;
padding: 10px 10px 20px 15px;
margin: 0 -15px;
background-color: #4CAF50;
color: #FFF;
margin-bottom: 20px;
}
.sidebar-widget .widget-heading {
padding: 0;
padding: 10px 10px 20px 15px;
margin: 0 -15px;
background-color: #4CAF50;
color: #FFF;
margin-bottom: 20px;
position: relative;
border-top: 5px solid #2c3e50;
}
.sidebar-widget:nth-child(even) .widget-heading {
background-color: #f44336;
}
.sidebar-widget .widget-heading:after {
content: "";
position: absolute;
height: 0;
width: 0;
bottom: 0px;
right: 0;
border-top: 30px solid transparent;
border-right: 150px solid #2c3e50;
}
.sidebar-widget .widget-heading h2 {
color: #FFF;
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: 20px;
}
.sidebar-widget .tagcloud a {
border: 1px solid #2c3e50;
color: #2c3e50;
font-size: 14px !important;
border-radius: 2px;
padding: 5px 10px;
margin-bottom: 5px;
margin-right: 5px;
display: inline-block;
}
.sidebar-widget .tagcloud a:hover {
border: 1px solid #4CAF50;
background-color: #4CAF50;
color: #fff;
}
.sidebar-widget .widget-text .cs-blogs h3 a {
color: #333;
}
.sidebar-widget .widget-text .cs-blogs p {
color: #333;
}
.sidebar-widget .cs-widget li a {
color: #333;
font-size: 16px;
}
.sidebar-widget .cs-widget {
color: #333;
}
.calendar_wrap caption {
background-color: #4CAF50;
color: #fff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
#wp-calendar {
width: 100% !important;
}
.calendar_wrap table {
text-align: center;
width: 100%;
}
.calendar_wrap {
margin: 10px 0 0;
}
.calendar_wrap thead th,
.calendar_wrap tfoot td,
.calendar_wrap tfoot th,
.calendar_wrap thead {
border: 1px solid #4CAF50;
}
.calendar_wrap thead th {
font-size: 20px;
padding: 3px 5px;
text-align: center;
}
.calendar_wrap tbody td {
background-color: #fff;
border: 1px solid #4CAF50;
color: #000;
font-size: 16px;
padding: 0 5px;
}
.calendar_wrap td a {
color: #4CAF50;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.calendar_wrap tfoot td:hover,
.calendar_wrap tfoot td:hover a,
.calendar_wrap tbody td:hover {
background-color: #4CAF50;
color: #fff;
}
.calendar_wrap td a:hover {
color: #fff;
}
.c_blog_single {
margin: 0;
}
.alignnone {
height: auto;
max-width: 100%;
}
.aligncenter {
margin: 0 auto;
height: auto;
max-width: 100%;
}
.aligncenter img {
width: 100% !important;
height: auto;
}
.alignnone img {
height: auto;
max-width: 100%;
}
.wp-caption-text {
background-color: #ccc;
font-size: 16px;
padding: 5px 0;
text-align: center;
font-style: italic;
}
.entry-content p {
font-size: 18px;
line-height: 22px;
}
.alignleft {
float: left;
margin: 0 20px;
}
.alignright {
float: right;
}
.cs-sidebar ul {
padding-left: 10px;
}
.cs-sidebar ul li {
list-style: none;
color: #2c3e50;
}
.cs-sidebar ul li a {
color: #2c3e50;
}
.cs-sidebar ul li:before {
content: "\f105";
font-family: "FontAwesome";
margin-right: 12px;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.cs-sidebar ul li.cat-item:before {
content: "\f07b";
font-family: "FontAwesome";
margin-right: 12px;
}
.cs-sidebar #widget_recent_entries ul li:before,
.cs-sidebar ul li.page_item:before {
content: "\f0f6";
font-family: "FontAwesome";
margin-right: 12px;
}
.cs-sidebar ul#recentcomments li:before {
content: "\f075";
font-family: "FontAwesome";
margin-right: 12px;
}
.cs-sidebar ul li:hover:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cs-sidebar ul > li:hover {
transition: all 0.4s ease-in-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.nav-next a:before, .nav-previous a:before{
font-family: FontAwesome;
margin-right: 10px;
}
.nav-next a:before{
content: "\f101";
}
.nav-previous a:before {
content: "\f100";
}
.nav-previous a, .nav-next a {
display: block;
background-color: #4CAF50;
color: #FFF;
padding: 10px 20px;
border-radius: 2px;
text-transform: uppercase;
}
.nav-previous {
float: left;
}
.nav-next{
float: right;
}
.tft-post {
background-color: #FFF;
padding: 10px;
margin: 0;
margin-bottom: 50px;
}
.tft-post .post-inner {
border: 1px solid #e2e2e2;
padding: 5px;
}
.sticky.tft-post .post-inner {
background-color: #C8E6C9;
}
.entry-title, .entry-title a {
word-wrap: break-word;
}
.cs-blogs .tft-blog-img, .cs-blogs .tft-blog-more {
margin-top: 20%;
}
.tft-post .entry-title:after {
content: "";
border-bottom: 1px solid #e2e2e2;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
}
.tft-post .entry-title {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
font-size: 30px;
position: relative;
}
.img-thumbnail {
padding: 0;
border-radius: 2px;
border: none;
border: 0;
margin-bottom: 10px;
display: block;
overflow: hidden;
position: relative;
}
.cs-pagination {
margin-top: 50px;
text-align: center;
}
/* Blogs */
/* Blog Comment */
.c_comment {
margin: 30px 0;
}
.c_comment h2 {
font-size: 30px;
padding: 10px 0;
font-weight: 500;
border-bottom: 2px solid;
display: inline-block;
}
.c_comment .comment-detail {
border: 1px solid #EEE;
margin-bottom: 20px;
padding: 20px 0;
background-color: #FFF;
}
.c_comment .comment-detail h3 {
font-size: 20px;
margin: 0 0 10px 0;
font-weight: 500;
}
.c_comment .comment-detail p {
line-height: 20px;
margin: 10px 0;
font-size: 16px;
}
.c_comment .comment-detail a,
.c_comment .comment-detail span {
font-size: 14px;
color: #4CAF50;
float: right;
}
/* Blog Comment */
/* Blog Form */
.c_comment_form {
margin: 30px 0;
}
.c_comment_form label {
width: 100%;
}
.c_comment_form h2 {
font-size: 30px;
padding: 10px 0;
font-weight: 500;
border-bottom: 2px solid;
display: inline-block;
}
.c_comment_form form {
margin: 20px 0;
display: block;
}
.c_comment_form .form-control {
border-radius: 0;
height: auto;
padding: 10px 12px;
}
.c_comment_form .form-group {
margin-bottom: 20px;
}
.c_comment_form .form-control {
border-radius: 0;
height: auto;
padding: 10px 12px;
}
.c_comment_form .btn {
border: 1px solid;
padding: 10px;
background-color: #4CAF50;
color: #fff;
font-size: 18px;
}
#archives-dropdown-3,
#archives-dropdown-2 {
background-color: transparent;
height: 35px;
width: 100%;
}
.search-label {
margin: 10px 0 0;
width: 100%;
}
.search-field {
font-size: 16px;
height: 35px;
padding-left: 5px;
width: 100%;
border: 1px solid #D3D3D3;
}
/* Blog Form */
/* Pager */
.pagination {
margin: 0;
display: block;
}
.pagination .pager {
width: 100%;
display: block;
}
.pagination .pager .previous {
float: left;
}
.pagination .pager .next {
float: right;
}
.pagination .pager .previous a,
.pagination .pager .next a {
color: #4CAF50;
background-color: #fff;
border: 1px solid #4CAF50;
}
.pagination .pager .previous a:hover,
.pagination .pager .next a:hover {
color: #fff;
background-color: #4CAF50;
}
/* Pager */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}