/*
Theme Name: FlatOnPro Child

Theme URI: http://www.webulousthemes.com/flatonpro-child/

Author: N. Venkat Raj

Author URI: http://www.webulousthemes.com/

Template:  flatonpro

Description: FlatOnPro Child Theme

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: flatonpro-child

Tags: dark, light, left-sidebar

*/


@import url('../flatonpro/style.css');



/*
you'll add your css code here.
*/

/*.flex-viewport{
    position: fixed;
    width: 100%;
    height: 100%;
}*/

/*Position caption below image and allow for automatic height adjustment of caption.*/
/*.flex-caption {
   //position:relative;
   bottom:0px; 
   text-align:left;
   padding:5px;

   min-height:auto;
} */

/*Horizontally center pagination below image and caption.*/
/*.flex-control-nav {
   position:absolute;
   text-align:center;
   bottom: -40px;
}*/

.flex-control-nav {
  bottom: 20px;
  position: relative;
  text-align: center;
  z-index: 1000;
}

/*Remove .3s transition ease*/
.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
   -moz-transition:none;
   -webkit-transition:none;
   transition:none;
}

/*.flex-direction-nav a.flex-disabled {
   display:none;
}*/

#page .entry-title {
    font-size: 3.2rem;
    text-align: center;
}

#posts .entry-title {
    font-size: 3.2rem;
    text-align: center;
}

#page .page-title {
    font-size: 3.2rem;
    text-align: center;
}

/*************************

Styles for the social media buttons.
@Vivek Kumar Poddar
http://wpvkp.com

*************************/

.social-box {
    display: block;
    margin: -20px 0 40px;
    padding: 0 6rem 0;
}

.social-box:last-of-type {
    margin: 0 0 40px;
}

.social-btn {
    display: block;
    width: 100%;
}

a.col-2.sbtn span {
    display: none;
}

a.col-1.sbtn {
    width: 180px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 1.5% 0;
    font-size: 15px;
}

a.col-1.sbtn span {
    margin: 0 0 0 15px;
}

a.col-2.sbtn {
    width: 6%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
	/*margin: 0 0.5% 0 0;*/
    margin: 0 0.5% 5.0% 0;
    line-height: 1.825 !important;
    max-width: 50px;
    min-width: 50px;
}

.s-twitter {
	background: #03A9F4;
}
.s-twitter::before {
    font-family: fontawesome;
    content: '\f099';
}
.s-twitter:hover {
    background: #0093d6;
}


.s-facebook {
	background: #3F51B5;
}
.s-facebook::before {
    font-family: fontawesome;
    content: '\f09a';
}
a.col-1.sbtn.s-facebook:hover {
    background: #2f409f;
}



.s-googleplus {
	background: #F44336;
}
.s-googleplus::before {
    font-family: fontawesome;
    content: '\f0d5';
}
.s-googleplus:hover {
    background: #c82c21;
}



.s-whatsapp {
	background: #4CAF50;
}
.s-whatsapp::before {
    font-family: fontawesome;
    content: '\f232';
}
a.col-2.sbtn.s-whatsapp:hover {
    background: #3d9440;
}



.s-linkedin {
	background: #1a7baa;
}
.s-linkedin::before {
    font-family: fontawesome;
    content: '\f0e1';
}
a.col-2.sbtn.s-linkedin:hover {
    background: #136288;
}


.s-pinterest {
	background: #bd081c;
}
.s-pinterest::before {
    font-family: fontawesome;
    content: '\f231';
}
a.col-2.sbtn.s-pinterest:hover {
    background: #a10718;
}



/*.s-buffer {
	background: #ced7df;
}
.s-buffer::before {
    font-family: fontawesome;
    content: '\e804';
}
a.col-2.sbtn.s-buffer:hover {
    background: #c3c5c8;
}*/

/********************************
////// Important
*******************************/

.social-btn a:last-of-type {
    margin: 0;
}


/*@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
        width: 180px;
        display: inline-block;
        text-align: center;
        border-radius: 50px;
        padding: 10px;
        color: #fff;
        margin: 0 0.5% 0 0;
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        //width: 46px;
        width: 50px;
    }

    a.col-1.sbtn span {
        display: none;
    }
}*/