/*
Theme Name: Oule
Theme URI: http://themeforest.net/user/helloexpert/
Author: helloexpert
Author URI: http://themeforest.net/user/helloexpert/portfolio
Description: Oule - SEO and Digital Marketing Agency WordPress Theme
Version: 2.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oule
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
*/


/*--------------------------------------------------------------
# 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 {
    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;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* By Authot Post */

.bypostauthor {
    display: inline-block;
}


/*--------------------------------------------------------------
## 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;
    margin-right: -15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-right: 15px;
}
.gallery-item {
  padding-bottom: 15px;
}
.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;
}

.screen-reader-text {
    background: transparent;
    display: none;
}

/*--------------------------------------------------------------
# contact form
--------------------------------------------------------------*/
#wpcf7-f6-p17-o1 form p input.wpcf7-form-control.wpcf7-submit.has-spinner{ 
	background-color: #214784 !important;
}

/*--------------------------------------------------------------
#Testimonial
--------------------------------------------------------------*/
/* .test-bg div div div div div div div div.right-content */
.testimonials-section .right-content, .testimonials-section-s2 .right-content{
	background: none !important;
}

/*--------------------------------------------------------------
#footer
--------------------------------------------------------------*/
.footer-links ul li a:hover{
	 text-decoration: underline !important;
     text-decoration-color: #fff !important;
     text-underline-offset: 6px;	
}  

/*--------------------------------------------------------------
#banner
--------------------------------------------------------------*/
.padding-default.full-width {
    padding:0px;
}

.back-to-top {
    border: 2px solid #fff !important;
}

/*--------------------------------------------------------------
#contact page
--------------------------------------------------------------*/
.con-form div div.elementor-element{
	padding:0px;
}

/*--------------------------------------------------------------
#cta section
--------------------------------------------------------------*/
a.theme-btn-s4:hover{
    border: 2px solid #fff !important;
    background-color: #214684 !important;
}

/*--------------------------------------------------------------
#team slider section
--------------------------------------------------------------*/
.team-section .details h4+span {
    color: #6bbe45;
    font-size: 14px;
}
.team-section .owl-dots .owl-dot.active {
    border: 1px solid  #214684;
}
.team-section .owl-dots .owl-dot.active span, .team-section .owl-dots .owl-dot:hover span {
    background-color: #214684;
}
.team-section .owl-dots .owl-dot span {
    background-color: #214684;
    width: 10px;
    height: 10px;
    margin: 3px auto;
}


/*--------------------------------------------------------------
#testimonial section
--------------------------------------------------------------*/
.testimonials-section .testimonials-grids .grid:after, .testimonials-section-s2 .testimonials-grids .grid:after {
    background: none !important; 
}

/*--------------------------------------------------------------
#blogs section
--------------------------------------------------------------*/
ul.page-numbers li a {
    background-color: #6bbe45;
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    border: 2px solid #6bbe45;
    display: block;
}
ul.page-numbers li span.page-numbers.current {
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 20px;
    font-size: 1.25rem;
    border: 2px solid #6bbe45;
    display: block;
    background: #6bbe45;
    color: #fff;
}

/*--------------------------------------------------------------
#Slider
--------------------------------------------------------------*/
.hero .slick-dots button {
    background-color: #6bbe45;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
}