/*
	Theme Name: MotherLifeWork
	Description: Custom WordPress Theme for MotherLifeWork
	Version: 1.0
	Author: Razvan Tudor &copy 2018

*/
.clear{ width: 100%; height: 0px; position: relative; line-height: 0px;; font-size: 0px; clear: both; }
.shadow4{-webkit-box-shadow: 0px 0px 5px 0px rgba(87, 87, 87, 1);
-moz-box-shadow:    0px 0px 5px 0px rgba(87, 87, 87, 1);
box-shadow:         0px 0px 5px 0px rgba(87, 87, 87, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}

.img-responsive{ display: block; position: relative; margin: 0px auto 0px auto;  }
.fontAwesome{
    font-family: FontAwesome;
}
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.img-fluid.left { margin: 0px !important; }
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:8px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 15px;
    margin-bottom: 0px;
     padding: 0px;
    }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
a img.alignnone {
  margin:5px 20px 20px 0;
}
a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.wp-caption {
  background:#FFF;
  border:1px solid #F0F0F0;
  max-width:96%;
  padding:5px 3px 10px;
  text-align:center;
}
.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}
.wp-caption.alignright {
  margin:5px 0 20px 20px;
}
.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.ts_dark{ background: #000000; color: #ffffff; }
.ts_light{ background: #ffffff; color: rgb(88, 77, 77); }
.pink{ color: rgb(255, 64, 135) !important }
.line { width: 100%; position: relative; border-top:1px solid #ffffff; margin-top: 20px; height: 20px; line-height: 20px; font-size: 20px; }
.ts_dark .line{ border-color: #ffffff; }
.ts_light .line{ border-color: rgb(88, 77, 77); }
body{ font-family: 'Lato',Arial,sans-serif; font-size: 14px; line-height: 18px; }

.inner{ width: 95%; max-width: 600px; position: relative; margin: 0px auto }
h5{ color: rgb(255, 64, 135) !important; font-weight: 700; font-size: 16px; line-height: 20px;   }
p{ position: relative; margin: 0px 0px 15px 0px; padding: 0px; }

footer{ position: relative; margin-top: 50px; }
footer .inner{ padding-bottom: 10px; }
.copy{ font-size: 12px; line-height: 14px; text-align: center; }

.top_menu_bar{ position: relative; width: 100%; text-align: center; font-family: 'Lato' !important }
.top_menu_bar ul{ list-style: none;  display: inline-block; vertical-align: middle; margin: 0px; padding: 0px; }
.top_menu_bar ul li{ list-style: none; display: inline-block; vertical-align: middle; margin: 5px;  padding: 0px;text-align: center; font-size: 16px; line-height: 20px; }
.top_menu_bar ul li.current-menu-item{ font-weight: 900 }
.top_menu_bar ul li a{ color: #ffffff; text-decoration: none !important}
.top_menu_bar ul li a:hover{ color: inherit; font-weight: 400;color: rgb(255, 64, 135) !important  }
.top_menu_bar ul li a:active{ color: inherit; font-weight: 400;color: rgb(255, 64, 135) !important }

.ts_light .top_menu_bar ul li a{ color:  rgb(88, 77, 77) !important; }
.ts_light .top_menu_bar ul li a:visited{ color:  rgb(88, 77, 77) !important; font-weight: 400 }
.ts_light .top_menu_bar ul li a:active{ color:  rgb(88, 77, 77) !important; font-weight: 400 }
.ts_dark .top_menu_bar ul li.current-menu-item { font-weight: 900;color: rgb(255, 64, 135) !important  }
.ts_dark .top_menu_bar ul li.current-menu-item  a{ color: rgb(255, 64, 135) !important  }

.content  a{ color: inherit; text-decoration: underline;  }
.testimonial_autor{ position: relative; margin-top: -10px; }
.testimonial{ margin-bottom: 20px }

.left_col{ position: relative; float: left; width: 33%; }
.right_col{ position: relative; float: right; width: 65%;  }
.post_nav_left{ width: 45%; float: left; text-align: left; }
.post_nav_right{ width: 45%; float: right; text-align: right; }