/*
Theme Name: Cosmica Green
Author: CODEINS
Author URI: http://www.codeins.org
Theme URI: https://www.codeins.org/themes/cosmica-green-responsive-wordpress-theme/
Template: cosmica
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cosmica-green
Tags: blog, portfolio, e-commerce, custom-logo, custom-background, custom-header, featured-image-header, custom-menu, featured-images, full-width-template, post-formats, left-sidebar, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns
Description: Cosmica Green is Awesome multipurpose responsive WordPress Theme for any business purpose. This Theme has incredibly superfine designs with. Theme has ecommerce "WOOCOMMERCE" support with each every thing keep in mind. You can use it for your E-Commerce, business, portfolio, blogging or any type of site. It’s highly recommended for web agency business, corporate business, real estate, news, shop and personal as well as parallax business portfolio. And it’s also used for photography sites and freelancer. Cosmica is responsive using BOOTSTRAP FRAMEWORK that adept device and present it nicely on every device. Cosmica also is Cross-Browser Compatible theme work nice across all browsers. Cosmica have Theme Options where you can set social media links, logo and other customization to theme. This theme gives you awesome looking website just put you contents and its ready to go. Theme using Font Awesome icons that gives you icons where ever you needed. Powerful Slider Work Super fine on Touch Swipe for Mobile Device.
*/
body {
color: #2c3e50;
background-color: #FFF;
}
a {
color: #343232;
text-decoration: none;
-moz-transition: color .3s ease-in, background-color .3s linear, border .3s linear;
-o-transition: color .3s ease-in, background-color .3s linear, border .3s linear;
-webkit-transition: color .3s ease-in, background-color .3s linear, border .3s linear;
transition: color .3s ease-in, background-color .3s linear, border .3s linear
}
a:focus,
a:active,
a:hover,
.site-footer a:hover,
.site-info a:hover {
color: #4CAF50;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #2C3E50;
margin: 0 0 .8em
}
select,
input,
search,
textarea,
email {
border: 1px solid #9E9E9E;
}
.site-title a,
.site-description {
color: #2C3E50;
}
.alignleft {
display: inline;
float: left;
margin-right: 20px
}
.alignright {
display: inline;
float: right;
margin-left: 20px
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
/*********************************************************************
* #.# Main Header
*
**********************************************************************/
.site-title {}
.site-description {}
#header {
border-bottom: 1px solid #4CAF50;
}
#header.header-type-three .search-cart-container #cart-button,
#header.header-type-three .search-cart-container #search-button,
#header.header-type-three .big-navbar a {
color: #2c3e50;
}
#header.header-type-three #top-bar {
display: table;
}
#header.header-type-three.header-post-scroll #top-bar {
display: none;
}
/*********************************************************************
* #.# End Main Header
*
**********************************************************************/
/*********************************************************************
* #.# Top bar
*
**********************************************************************/
#top-bar {
background-color: #4caf50;
color: #FFF;
border-bottom: none;
}
.contact-icon {
color: #4CAF50;
font-weight: 400
}
#top-bar-phone,
#top-bar-phone a,
#top-bar-email,
#top-bar-email a {
color: #FFFFFF;
}
#top-bar-phone,
#top-bar-email,
#top-bar-hot-news,
#top-bar-nav {
padding: 10px 20px;
display: inline;
}
#top-bar-myaccount,
#top-bar-login-regiter {
border-left: 1px solid #098;
padding: 0 20px;
}
#top-bar .container > div:first-child {
border-left: 1px solid #098;
}
#top-bar-socials {
padding: 10px 20px;
}
#top-bar-phone,
#top-bar-email,
#top-bar-hot-news,
#top-bar-nav,
#top-bar-socials {
border-right: 1px solid #81C784;
}
#top-bar-myaccount,
#top-bar-login-regiter,
#top-bar .container > div:first-child,
#top-bar-socials {
border-left: 1px solid #81C784;
}
.topbar-icon i {
background-color: #FFF;
color: #4CAF50;
transition: all .3s ease-in-out;
}
.topbar-icon:hover i {
background-color: #2C3E50;
color: #FFF;
}
.top-nav li a,
#top-bar-myaccount a,
#top-bar-login-regiter a {
color: #FFF;
}
.top-nav li a:hover,
.top-nav li a:active,
.top-nav li a:visited,
#top-bar-myaccount a:hover,
#top-bar-myaccount a:active,
#top-bar-myaccount a:visited,
#top-bar-login-regiter a:hover,
#top-bar-login-regiter a:active #top-bar-login-regiter a:visited {
color: #FAFAFA;
}
/*********************************************************************
* #.# End Top bar
*
**********************************************************************/
/*********************************************************************
* #.# Primary Navigation
*
**********************************************************************/
.cs-menu {
background-color: #fff;
border: 0 none;
border-radius: 0;
margin: 0;
padding-top: 5px;
}
.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;
}
#primary_menu > li {
/*padding-bottom: 2px;*/
}
.cs-menu .navbar-nav li a {
font-size: 15px;
text-transform: uppercase;
padding: 15px 7px;
font-weight: 900;
color: #2c3e50;
}
.cs-menu .navbar-right .dropdown-menu {
left: 0;
right: auto;
min-width: 200px;
}
.cs-menu .dropdown-menu a {
padding: 10px !important;
font-size: 13px !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;
color: #2c3e50;
/*border-bottom: 3px solid #4CAF50;*/
}
@media (min-width: 768px) {
.cs-menu .navbar-nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
}
.cs-menu .navbar-nav li.dropdown.open .dropdown-menu li a {
background-color: #fff;
color: #333;
}
.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;
}
/*********************************************************************
* #.# End Primary Navigation
*
**********************************************************************/
/*post*/
.btn,
#pagination .page-numbers,
button,
input[type="submit"],
.single-nav-prev a,
.single-nav-next a {
-moz-user-select: none;
-ms-touch-action: manipulation;
-ms-user-select: none;
-webkit-user-select: none;
background-image: none;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
touch-action: manipulation;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
.entry-meta {
margin-bottom: 10px
}
a.read-more {
border-color: #4caf50;
background-image: linear-gradient(to top, #4caf50 50%, transparent 50%);
}
.post {
margin-bottom: 55px;
padding-bottom: 5px
}
.post-inner {
background-color: #FFF;
padding: 20px;
border-radius: 2px;
}
.vcard,
.edit-link,
.categories-links,
.coments-count {
display: inline-block;
margin-right: 8px;
text-transform: capitalize;
}
.categories-links ul {
display: inline-block;
margin: 0!important;
padding: 0
}
.categories-links li {
display: inline-block;
list-style: none
}
.bypostauthor {
display: inline-block;
}
.bypostauthor a:before,
.date a:before,
.edit-link a:before,
.tags-links:before,
.categories-links a:first-child:before,
.coments-count a:before {
display: inline-block;
font-family: 'FontAwesome';
font-size: 16px;
position: relative;
top: 1px;
font-weight: bolder;
margin-right: 7px;
}
.bypostauthor a:before {
content: '\f007';
}
.edit-link a:before {
content: '\f040';
}
.date.updated a:before {
content: '\f017';
}
.categories-links a:first-child:before {
content: '\f07c';
}
.coments-count a:before {
content: '\f086';
}
.tags-links:before {
content: '\f02b';
}
.bypostauthor a {
display: inline-block;
}
.tags-links {
display: inline-block
}
.post-footer {
margin-bottom: 15px
}
.post.sticky .post-inner {
background-color: #e7e8e8;
/*padding:20px*/
}
.post.singuler {
background-color: #FFF;
padding: 20px;
}
#main {
min-height: 400px;
}
.entry-content img,
.comment-content img,
.widget img,
img {
max-width: 100%;
height: auto;
}
.wp-caption {
margin-bottom: 20px;
max-width: 100%
}
.wp-caption-text {
border-bottom: 1px solid #D7D7D7;
font-size: 15px;
font-style: italic;
padding: 0 5px 5px
}
.gallery-caption {
margin-bottom: 20px;
max-width: 100%
}
.format-chat .entry-content {
background-color: #F5F5F5;
border: 1px solid #ddd;
margin: 10px;
padding: 10px
}
.format-chat .entry-content p {
border-bottom: 1px solid #ddd;
margin: 0;
padding: 10px
}
.format-chat .entry-content p:nth-child(odd) {
background-color: #97D5E4
}
.format-chat .entry-content p:nth-child(even) {
background-color: #D0F2BC
}
.page-numbers,
.single-nav-prev a,
.single-nav-next a {
background-color: #FFF!important;
border-color: #adadad;
color: #343232!important
}
.page-numbers.current,
.next.page-numbers,
.prev.page-numbers,
.single-nav-prev a,
.single-nav-next a {
border-color: #4CAF50!important;
color: #4CAF50!important
}
#single-nav {
width: 100%;
}
.single-nav-next {
float: right;
}
.single-nav-prev {
float: left;
}
.gcon:before {
display: inline-block;
font-family: 'Genericons';
font-size: 20px;
font-weight: 700;
position: relative;
top: 4px
}
.breadcrumbs {
display: inline-block;
float: left;
margin-bottom: 20px;
margin-top: 10px;
text-transform: capitalize
}
.pagination .current .screen-reader-text {
position: static!important
}
.post-page-numbers {
margin-left: 10px
}
#comments,
.cosmica_comment_form {
margin-top: 30px;
background-color: #FFF;
padding: 10px;
}
cite.fn {
float: left;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-left: 10px
}
.comment-meta {
margin-top: 5px
}
.commentlist img.avatar {
border-radius: 2px;
float: left;
height: 40px;
width: 40px
}
.comment-metadata,
.comment-author {
display: inline;
}
.comment-author .fn {
color: #343232;
margin-left: 5px;
}
.comment a:before {
content: "";
}
.comment-metadata > a:before {
content: '\f017';
}
.comment-metadata .edit-link > a:before {
content: '\f040';
}
.comment-metadata .edit-link {
margin-left: 5px;
}
.comment-body .reply {
margin-left: 0;
}
.form-allowed-tags code {
background-color: transparent;
border: none
}
.comment {
border: 1px solid #DDD;
margin-bottom: 10px;
padding: 10px;
width: 100%;
}
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute!important;
width: 1px
}
#content-area {
margin-bottom: 15px;
width: 100%;
}
/*post*/
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/** Home Commen **/
.home-wrapper {
width: 100%;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.separator-solid {
height: 0;
width: 200px;
border-bottom: 2px solid #4CAF50;
margin: 0 auto;
}
.section-content {
/*margin-top: 40px;*/
}
.bottom-shadow {
position: relative;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.bottom-shadow:after {
content: "";
position: absolute;
z-index: -1;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
bottom: 0px;
left: 10%;
right: 10%;
width: 80%;
height: 50%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.section-title-heading {
text-align: center;
margin-bottom: 50px;
}
.section-title {}
.section-description {
margin-top: 10px;
color: #555;
}
.button {
display: block;
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
padding: 5px 10px;
border-radius: 2px;
border: 1px solid #FFF;
cursor: pointer;
display: inline-block;
}
.button-main {
margin: 0 10px;
font-size: 20px;
padding: 10px 25px;
border: 0;
color: #FFF;
display: inline-block;
transition: all 0.4s ease-in-out;
}
.button-main:hover,
.button-main:active,
.button-main:focus,
.button-main:visited {
color: #FFF;
}
.button-main:hover {
background-position: -100% 0;
}
.button-success {
border: 2px solid #2ecc71;
background-size: 200% 100%;
background-image: linear-gradient(to right, #2ecc71 50%, transparent 50%);
}
.button-warning {
border: 2px solid #F39C12;
background-size: 200% 100%;
background-image: linear-gradient(to right, #F39C12 50%, transparent 50%);
}
.button-sun {
border: 2px solid #f1c40f;
background-size: 200% 100%;
background-image: linear-gradient(to right, #f1c40f 50%, transparent 50%);
}
.button-danger {
border: 2px solid #4CAF50;
background-size: 200% 100%;
background-image: linear-gradient(to right, #4CAF50 50%, transparent 50%);
}
.button-info {
border: 2px solid #4CAF50;
background-size: 200% 100%;
background-image: linear-gradient(to right, #4CAF50 50%, transparent 50%);
}
.swiper-button-next,
.swiper-button-prev {
background-image: none;
background-color: #4CAF50;
height: 50px;
color: #FFF;
font-size: 34px;
text-align: center;
border-radius: 2px;
width: 40px;
}
.img-thumbnail {
padding: 0;
border: 0;
position: relative;
overflow: hidden;
border-radius: 0;
}
.img-overlay {
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
bottom: -100%;
top: 100%;
left: 10px;
right: 10px;
transition: all 0.5s;
}
.show-overlay:hover .img-overlay,
.img-thumbnail:hover .img-overlay,
.show-overlay:active .img-overlay,
.show-overlay:focus .img-overlay,
.show-overlay:visited .img-overlay {
top: 10px;
bottom: 10px;
}
.display-table {
display: table;
height: 100%;
width: 100%;
}
.display-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.icon-link {
display: inline-block;
}
.icon-link.icon-left {
margin-right: 10px;
}
.icon-link i {
font-size: 25px;
border: 1px solid #4CAF50;
padding: 10px;
border-radius: 2px;
color: #4CAF50;
transition: all .4s;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #4CAF50 50%);
}
.icon-link i:hover {
color: #FFF;
background-position: 0 100%;
}
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.swiper-pagination-bullet-active {
background: #4CAF50;
}
/** Home Commen **/
/*slider */
.cosmica-slider {
margin: 0;
position: relative;
}
.swiper-container {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.carousel-caption {
top: 30%;
bottom: auto;
}
.home-slider .swiper-slide-active .animation.animated-item-1 {
animation: 500ms linear 300ms normal both 1 running bounceInLeft;
}
.home-slider .swiper-slide-active .animation.animated-item-2 {
animation: 900ms linear 600ms normal both 1 running bounceInRight;
}
.home-slider .swiper-slide-active .animation.animated-item-3 {
animation: 900ms linear 600ms normal both 1 running bounceInUp;
}
.home-slider .swiper-slide-active .animation.animated-item-4 {
animation: 1100ms linear 600ms normal both 1 running bounceInUp;
}
.slider-container.container {
padding-top: 0
}
.slide-heading {
background-color: rgba(0, 0, 0, 0.5);
padding: 10px;
}
.slide-heading h1 {
color: #FFF;
text-transform: uppercase;
font-weight: 900;
font-size: 50px;
line-height: 60px;
margin: 0;
text-shadow: 1px 4px 2px rgba(0, 0, 0, .7);
}
.slide-heading h1 span,
.slide-description p span {
color: yellow;
}
.slide-description {
background-color: rgba(76, 175, 80, 0.88);
padding: 10px;
color: #FFF;
}
.slide-description p {
margin: 0;
font-size: 18px;
}
.home-slider .buttons-con {
height: 50px;
margin: 0 auto;
text-align: center;
max-width: 400px;
margin-top: 20px;
}
.home-prev,
.home-next {
background-image: none;
background-color: rgba(0, 0, 0, 0.3);
color: #FFF;
font-size: 70px;
height: 105px;
width: 50px;
text-align: center;
padding: 0;
border-radius: 1px;
}
.home-slider .swiper-pagination-bullet {
height: 20px;
width: 20px;
opacity: 0.7;
}
.cosmica-slider-shadow {
position: absolute;
left: 0;
right: 0;
background: url(images/shadow.png) no-repeat top center;
background-size: 100% 100%;
width: 100%;
height: 60px;
bottom: -60px;
z-index: 100;
}
/*end slider */
/*** project ***/
.work-wraper {
padding-top: 80px;
}
.cosmica-work {
padding-left: 5px;
padding-right: 5px;
}
.work-inner {
background-color: #4CAF50;
}
.work-title {
color: #FFF;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
text-align: center;
margin: 0;
padding: 20px 0;
}
.home-works-title {
text-align: center;
margin-bottom: 30px;
}
/*** end project **/
/*services */
.service-wrapper {
background-color: #C8E6C9;
}
/*.home-services {
margin-top: 40px;
}*/
.theme_detail_title {
width: 500px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.cosmica-service {
margin: 0 0 50px;
padding-right: 20px!important;
}
.cosmica-service .service-inner {
background-color: #ecf0f1;
padding: 10px;
border: 1px solid #ddd;
border-bottom: 2px solid #4CAF50;
}
.service-icon {
float: left;
margin-right: 15px;
float: left;
margin-right: 15px;
width: 60px;
text-align: center;
padding: 0px 5px;
border: 1px solid #4CAF50;
border-radius: 2px;
background-size: 200% 100%;
background-image: linear-gradient(to right, transparent 50%, #4CAF50 50%);
transition: all .5s;
}
.cosmica-service .service-inner:hover .service-icon {
background-position: -100% 0;
}
.service-icon i {
color: #4CAF50;
font-size: 40px;
line-height: 60px;
transition: all .5s;
}
.cosmica-service .service-inner:hover .service-icon i {
color: #FFF;
}
.service-title {
margin-top: 0;
margin-bottom: 10px;
}
.service-description {}
/*services */
/*** Client ****/
.clients-wrapper .swiper-container {
padding: 10px 0;
}
.client-media {
text-align: center;
border: 1px solid #4CAF50;
}
.client-media:last-child {
margin-right: 0;
}
.client-nav-prev a,
.client-nav-next a {
display: block;
position: absolute;
top: 33px;
z-index: 3;
content: "";
color: #FFFCFC;
background-color: #4CAF50;
border-radius: 2px;
border: 1px solid #0674BD;
height: 40px;
width: 40px;
text-align: center;
webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.client-nav-prev a:before,
.client-nav-next a:before {
font-family: 'FontAwesome';
font-size: 40px;
line-height: 36px;
}
.client-nav-prev a {
left: -35px;
border-left: 0;
}
.client-nav-next a {
right: -35px;
border-right: 0;
}
.client-carousel-con:hover .client-nav-prev a {
left: -1px;
}
.client-carousel-con:hover .client-nav-next a {
right: -1px;
}
.client-nav-prev a:before {
content: '\f104';
}
.client-nav-next a:before {
content: '\f105';
}
/**** End Client***/
/*home callout*/
.callout-wrapper {
/*padding: 0;*/
position: relative;
}
.callout-content {
padding: 30px 0;
text-align: center;
}
.callout-wrapper .section-title,
.callout-wrapper .section-description {
color: #FFF;
}
.callout-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
filter: blur(5px);
}
.home-callout-container {
overflow: hidden;
height: 400px;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
background: transparent;
}
.home-call-out {
height: 400px !important;
width: 100%;
overflow: hidden;
background: transparent;
padding: 30px 0;
}
.fixed-background {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 50%;
background-color: transparent;
}
.call-out-heading {
height: auto;
width: 70%;
margin: 0 auto;
background-color: rgba(225, 225, 225, 0.8);
text-align: center;
border-radius: 2px;
text-shadow: 1px 1px 2px #000;
}
.call-out-heading h3 {
padding: 10px 0;
}
.call-out-description {
height: auto;
width: 70%;
min-height: 200px;
margin-right: auto;
margin-left: auto;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 20px;
color: #FFF;
}
/*home callout*/
/*--------------------------------------------------------------
# widgets
--------------------------------------------------------------*/
/*widgets common*/
.widget .widget-title {
position: relative;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 10px;
}
.widget .widget-title:before {
content: "";
position: absolute;
width: 60px;
bottom: -1px;
border-bottom: 1px solid #4CAF50;
}
.widget {
overflow: hidden;
}
.widget ul {
list-style: none;
padding: 0px;
margin: 0;
}
.widget ul li {
margin-left: 10px;
transition: all 0.3s ease-in-out;
}
.widget ul li:before {
content: "\f101";
font-family: 'FontAwesome';
margin-right: 6px;
transition: all 0.3s ease-in-out;
display: inline-block;
color: #4CAF50;
}
.widget .cat-item:before {
content: "\f07b";
}
.widget .page_item:before,
.widget.widget_recent_entries ul li:before {
content: "\f15c";
}
.widget .recentcomments:before {
content: "\f086";
}
.widget ul li:hover {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
.widget ul li:hover:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget.widget_rss ul li {
margin-bottom: 25px;
}
.widget select,
.widget input,
.widget search,
.widget textarea,
.widget email {
max-width: 100%;
width: 100%;
}
.widget .tagcloud {
float: left;
}
.widget .tagcloud a {
border: 1px solid #4CAF50;
display: inline-block;
font-size: 14px !important;
margin: 2px 0;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 600;
}
.widget .tagcloud a:hover {
background-color: #4CAF50;
color: #fff;
}
.widget .calendar_wrap,
.widget .calendar_wrap #wp-calendar {
width: 100%;
}
.widget .calendar_wrap #wp-calendar caption {
background-color: #4CAF50;
padding: 5px;
color: #FFF;
}
.widget .calendar_wrap #wp-calendar td,
.widget .calendar_wrap #wp-calendar th {
text-align: center;
border: 1px solid #4CAF50;
}
/*widgets common*/
/*header widget*/
.header-widget-area {
height: auto;
width: auto;
float: right;
}
.w-toprer {
color: #4CAF50;
font-size: 17px;
font-weight: 900;
font-family: 'lato';
padding: 8px 0;
}
.w-toprer .fa:before {
margin-right: 15px;
}
.w-boter {
padding: 5px 0;
font-size: 14px;
}
.header-widget-line {
height: 0;
width: 120px;
margin: 0 auto;
border-bottom: 1px solid #2C3E50;
}
.line-vertical {
border-right: 1px solid #888683;
float: left;
width: auto;
min-width: 150px;
text-align: center;
}
.line-vertical:last-child {
border-right: 0;
}
.header-wdiget-inner {
max-width: 450px;
}
/*header widget*/
/*sidebar */
.left-sidebar,
.right-sidebar {}
.right-sidebar {}
.left-sidebar {
margin-right: 50px;
width: calc(30% - 50px)
}
.main-content,
.right-sidebar {
padding-top: 50px;
}
.sidebar li {
list-style: none
}
.sidebar-widget {
background-color: #e7e8e8;
}
/*sidebar */
/*footer-widget */
.footer-widget {
color: #FFF;
}
.footer-widget .widget-title {
border-bottom: 1px solid #3f4850;
color: #FFF;
}
.footer-widget a,
.footer-widget a:hover,
.footer-widget a:visited,
.footer-widget a:active {
color: #FFF !important;
}
.footer-widget select,
.footer-widget input,
.footer-widget search,
.footer-widget textarea,
.footer-widget email {
color: #2c3e50;
max-width: 100%;
width: 100%;
}
/*footer-widget */
/*Footer*/
.site-footer {
background-color: #282C30;
color: #FFF;
min-height: 200px;
width: 100%
}
.cosmica-footer {
padding-top: 20px;
padding-bottom: 30px;
}
.site-footer a {
color: #FFF;
}
.back-to-top {
bottom: 30px;
position: fixed;
right: 30px
}
.back-to-top a {
-moz-border-radius: 3px;
-moz-opacity: .8;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-webkit-border-radius: 3px;
-webkit-font-smoothing: antialiased;
-webkit-transition: all .5s ease-out;
background-color: #000;
border-radius: 3px;
color: #fff;
display: block;
filter: alpha(opacity=80);
font-family: 'FontAwesome';
font-size: 16px;
height: 40px;
line-height: 40px;
opacity: .8;
text-align: center;
transition: all .5s ease-out;
width: 40px
}
.back-to-top a:hover {
-moz-opacity: 10;
background-color: #4CAF50;
filter: alpha(opacity=100);
opacity: 10
}
.back-to-top a:before {
content: '\f106';
}
.site-info,
.site-info a {
color: #FFF;
}
.site-info {
float: right
}
.site-info * {
display: inline-block
}
.site-info a {
font-weight: 700
}
#footer,
.footer-copyright {
background-color: #1A1E22;
border-top: 1px solid #777272;
min-height: 50px;
padding-top: 12px;
}
/*Footer*/
/*404 page */
.error404 .page-title {
font-size: 25px;
font-weight: 500;
}
.error404 .wrap-grid h2 {
font-size: 170px;
font-weight: 900;
line-height: 150px;
margin: 30px;
color: #4CAF50;
}
.error404 .search-field {
width: 323px;
}
.error404 .search-submit {
display: none;
}
h3.the-blog-item-text {
font-size: 30px;
font-weight: 700;
color: #666;
}
/*end 404*/
/**
woo commrce styles
***/
.woocommerce-checkout #payment {
background-color: transparent !important;
}
span.description {
font-size: 11px;
font-family: sans-serif;
color: #7C7979;
}
#customer_details {
border: 1px solid #eee;
padding: 20px;
}
.woocommerce-checkout #payment ul.payment_methods {
border: none !important;
}
.form-row.place-order {
border: 1px solid #eee;
background-color: #FAFAFA;
}
.woocommerce form .form-row {
margin: 0 0 10px !important;
width: 80% !important;
float: left !important;
}
.woocommerce-checkout-payment .form-row.place-order {
width: 100% !important;
}
.woocommerce span.onsale {
background-color: #4caf50;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #4caf50;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #4caf50;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #4caf50;
color: #fff;
}
.form-row.terms {
float: left !important;
text-align: left;
width: auto !important;
}
#payment #place_order {
float: left !important;
width: 20%;
height: 43px;
background-color: #ec5e00;
}
/**
end woo commrce style
**/
/* --------------------------------
Testimoniols
-------------------------------- */
.testimonials-wrap {
background-color: #A4B0B9;
position: relative;
width: 100%;
height: auto;
margin: 40px 0;
}
.cdns-testimonials-wrapper {
position: relative;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 20px 0 50px;
z-index: 1;
}
.testimonial-control-nav,
.testimonial-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.testimonial-control-nav {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
z-index: 5;
}
.testimonial-control-nav li {
margin: 0 6px;
display: inline-block !important;
zoom: 1;
}
.testimonial-control-paging li a {
width: 10px;
height: 10px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.testimonial-control-paging li a.testimonial-active {
background: #4CAF50;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.cdns-testimonials {
color: #ffffff;
text-align: center;
}
.cdns-testimonials::after {
clear: both;
content: "";
display: table;
}
.cdns-testimonials > li {
position: absolute;
opacity: 1;
}
.cdns-testimonials > li:first-child {
position: relative;
opacity: 1;
}
.cdns-testimonials p {
font-family: "Georgia", serif;
font-style: italic;
line-height: 1.4;
margin-bottom: 1em;
padding: 0 14px;
}
@media only screen and (min-width: 768px) {
.cdns-testimonials p {
font-size: 22px;
font-size: 1.375rem;
}
}
@media only screen and (min-width: 1170px) {
.cdns-testimonials p {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.6;
}
}
.cdns-author img,
.cdns-author .cdns-author-info {
display: inline-block;
vertical-align: middle;
}
.cdns-author img {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 5px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cdns-author .cdns-author-info {
text-align: left;
line-height: 1.2;
}
.cdns-author .cdns-author-info li:first-child {
font-size: 14px;
font-size: 0.875rem;
}
.cdns-author .cdns-author-info li:last-child {
font-size: 12px;
font-size: 0.75rem;
color: #6b6b70;
}
@media only screen and (min-width: 768px) {
.cdns-author img {
width: 50px;
height: 50px;
}
.cdns-author .cdns-author-info {
line-height: 1.4;
}
.cdns-author .cdns-author-info li:first-child {
font-size: 16px;
font-size: 1rem;
}
.cdns-author .cdns-author-info li:last-child {
font-size: 14px;
font-size: 0.875rem;
}
}
.flex-direction-nav li {
position: absolute;
height: 100%;
width: 40px;
top: 0;
}
.flex-direction-nav li:first-child {
left: 0;
}
.flex-direction-nav li:last-child {
right: 0;
}
.flex-direction-nav li a {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
background-color: #323234;
}
.flex-direction-nav li a::before,
.flex-direction-nav li a::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 13px;
background-color: #ffffff;
}
.flex-direction-nav li a::before {
-webkit-transform: translateY(-35px) rotate(45deg);
-moz-transform: translateY(-35px) rotate(45deg);
-ms-transform: translateY(-35px) rotate(45deg);
-o-transform: translateY(-35px) rotate(45deg);
transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
-webkit-transform: translateY(-27px) rotate(-45deg);
-moz-transform: translateY(-27px) rotate(-45deg);
-ms-transform: translateY(-27px) rotate(-45deg);
-o-transform: translateY(-27px) rotate(-45deg);
transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
-webkit-transform: translateY(-35px) rotate(-45deg);
-moz-transform: translateY(-35px) rotate(-45deg);
-ms-transform: translateY(-35px) rotate(-45deg);
-o-transform: translateY(-35px) rotate(-45deg);
transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
-webkit-transform: translateY(-27px) rotate(45deg);
-moz-transform: translateY(-27px) rotate(45deg);
-ms-transform: translateY(-27px) rotate(45deg);
-o-transform: translateY(-27px) rotate(45deg);
transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
.flex-direction-nav li {
width: 50px;
}
}
@media only screen and (min-width: 1170px) {
.flex-direction-nav li a::before,
.flex-direction-nav li a::after {
background-color: #5e5e63;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.flex-direction-nav li a:hover::before,
.flex-direction-nav li a:hover::after {
background-color: #ffffff;
}
}
@media screen and (max-width: 782px) {
#header.with-admin-bar.header-post-scroll {
top: 46px;
}
}
.cdns-see-all {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
line-height: 50px;
background-color: #252527;
text-align: center;
text-transform: uppercase;
color: #6b6b70;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
-webkit-transition: color, 0.2s;
-moz-transition: color, 0.2s;
transition: color, 0.2s;
}
.no-touch .cdns-see-all:hover {
color: #79b6e4;
}
.cdns-testimonials-all {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cdns-testimonials-all .cdns-testimonials-all-wrapper {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
}
.cdns-testimonials-all .cdns-testimonials-all-wrapper > ul {
width: 90%;
max-width: 1170px;
margin: 4em auto;
}
.cdns-testimonials-all .cdns-testimonials-all-wrapper > ul::after {
clear: both;
content: "";
display: table;
}
.cdns-testimonials-all .cdns-testimonials-item {
margin-bottom: 2em;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0.4);
-moz-transform: translate3d(0, 0, 0) scale(0.4);
-ms-transform: translate3d(0, 0, 0) scale(0.4);
-o-transform: translate3d(0, 0, 0) scale(0.4);
transform: translate3d(0, 0, 0) scale(0.4);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s, opacity .3s;
-moz-transition: -moz-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
}
.cdns-testimonials-all p {
position: relative;
background: #79b6e4;
color: #ffffff;
padding: 2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.4;
border-radius: 0.25em;
margin-bottom: 1em;
}
.cdns-testimonials-all p::after {
content: '';
position: absolute;
top: 100%;
left: 2em;
height: 0;
width: 0;
border: 8px solid transparent;
border-top-color: #79b6e4;
}
.cdns-testimonials-all .cdns-author {
text-align: left;
margin-left: 1.5em;
}
.cdns-testimonials-all .cdns-author img {
box-shadow: 0 0 0 transparent;
}
.cdns-testimonials-all.is-visible {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cdns-testimonials-all.is-visible .cdns-testimonials-all-wrapper {
-webkit-overflow-scrolling: touch;
}
.cdns-testimonials-all.is-visible .cdns-testimonials-item {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
.cdns-testimonials-all .cdns-testimonials-item {
width: 46%;
margin: 0 2% 3em;
}
.cdns-testimonials-all .cdns-author {
margin-left: 1em;
}
}
@media only screen and (min-width: 1170px) {
.cdns-testimonials-all .cdns-testimonials-item {
width: 30%;
margin: 0 1.6666% 3em;
}
}
.close-btn {
position: fixed;
display: block;
width: 40px;
height: 40px;
top: 10px;
right: 5%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.close-btn::before,
.close-btn::after {
content: '';
position: absolute;
display: inline-block;
width: 2px;
height: 24px;
top: 8px;
left: 19px;
background-color: #39393c;
}
.close-btn::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-btn::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* --------------------------------
Testimoniols
-------------------------------- */
/*lightbox*/
.sl-overlay {
opacity: .85;
}
.sl-wrapper .sl-navigation button {
font-size: 170px;
color: #d3ced2;
}
.sl-overlay {
background-color: #000;
}
.sl-wrapper .sl-counter {
font-size: 22px;
color: #d3ced2;
}
.sl-wrapper .sl-close {
font-size: 32px;
color: #d3ced2;
}
.sl-wrapper button:focus {
outline: none;
border: none;
}
/*lightbox*/
/*woocommerce*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
border: 1px solid #9e9e9e;
padding: 10px;
text-align: center;
}
.woocommerce .products .star-rating {
display: inline-block;
}
.woocommerce ul.products li.product .button {
color: white;
background-color: #4caf50;
}
/*woocommerce*/