/*
Theme Name: Ucreative 
Theme URI: Ucreative Network
Description: A brief description.
Version: 1.0
Author: Jin
Author URI: ucreative.com
*/
html {
  -webkit-font-smoothing: antialiased;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
   /*border: 1px solid red !important;*/
}



body {
 /* font-family: 'Cabin', sans-serif;*/
  font-family: 'PT Sans', sans-serif;
    color: #726E6D;
    font-weight: 500;
    padding-top: 65px; 
    background: transparent;
    -webkit-font-smoothing: antialiased;

}

img {
   
    height:100%;
}

hr {
    border: none;
    height: 1px;
    background-color: #d3d3d3 ;
    margin-right:5%;
    margin-bottom: 0px;
    margin-top: 0px;
}

section img {
   -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px #888;
  box-shadow: 0 0 3px #888;
  width: 100%;
  margin-left:10px;
}


a:hover {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



#ucreative-home {
  background: #ececec;
  margin-top: -15px; 
  padding-right: 0px; 
  padding-left: 0px;
}


/*
  ========================================
  Header
  ========================================
*/

#navbar a {
  font-family: 'Cabin', sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}


.navbar-nav {
  margin: 0px 0px;
  border-right: 1px solid #404040;
 }

 .navbar {
  background: #020202;

 }


.form-control, .btn {
  border-radius: 0;
  background-color: #131313;
  border-color: #131313;
}


.navbar-inverse .navbar-nav li {

  font-weight: 600;
  color: #337ab7;
  border-left: 1px solid #404040;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}

.navbar-inverse .navbar-nav > li > a {
color: #fff;
margin: 5px 0;
}

.navbar-inverse .navbar-nav .business:hover,
.navbar-inverse .navbar-nav .business:focus {
  background: #3ba855 ;
}


.navbar-inverse .navbar-nav .design:hover,
.navbar-inverse .navbar-nav .design:focus {
  background: #d84418 ;
}

.navbar-inverse .navbar-nav .photography:hover,
.navbar-inverse .navbar-nav .photography:focus {
  background: #ac151c ;
}

.navbar-fixed-top {
    border-bottom-width: 0px;
}

.navbar-brand {

max-height: 50px;
margin: 0;
padding: 0;

}

.navbar-brand img {
  margin-left: 0px;
  width: 100%;
}

.navbar-inverse .navbar-collapse {
border-color: transparent;
}

.navbar-form {
  margin-top: 14px;
  margin-bottom: 13px;
}
/*
  ========================================
  Content
  ========================================
*/

#ucreative-home .recent-posts {
  margin-top: 10px;

}

.recent-posts {
  padding-right: 0px;
  background: transparent;

}
 #content {
  background: #fff;
 }

.recent-posts .col-md-8 {
  margin-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-right: 20px solid transparent;
  background: transparent;
}


.home-recent-posts {
  background: #fffffe;
}

.home-recent-posts .img-col {
  padding-left: 15px;
  padding-right: 0px;
  margin-top: 1.5%;
  height: 155px;
}

.recent-posts .home-recent-posts .col-sm-8 {
  padding-left: 45px;
  padding-right: 20px;
}

.recent-posts .home-recent-posts section h2 {
  font-family: 'Titillium Web', sans-serif; 
  font-weight: 700;
  letter-spacing: -.01em;
}

.recent-posts section h2 {
  
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 15px;
} 

.recent-posts h2, .recent-posts h2 a {
    font-size: 24px;
    color: #292421;
    padding-right: 0px;
}

.recent-posts .col-md-8 .col-sm-8 p {
  margin: 0 25px 0 0px;
  font-family: 'Karma', serif;
  font-size: 17px;
  line-height: 1.25;
  color: #241F1E;
  font-weight: 500;
}


.recent-posts .col-sm-8 .col-xs-8 {
  padding: 0px;
}

.recent-posts .col-sm-8 .col-xs-8 p {
font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  margin-right: 0px;
}

.recent-posts .col-sm-8 .col-xs-6 {
  padding: 0px;
}

.recent-posts .col-sm-8 .col-xs-6 p {
font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  margin-right: 0px;
}

.recent-posts .col-sm-8 .col-xs-4 {
  padding: 0px;
}

.recent-posts .col-sm-8 .col-xs-4 p {
font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  margin-right: 0px;
}


.recent-posts a {
  color: #4F4F4F;
}

.recent-posts .row {
  margin-right: 0px;
  margin-left: 0px;

  
}

.recent-posts section {
  margin-left: 0px;
  background: #fffffe;
}

section {
  padding-top: 25px;
  padding-bottom: 35px;
  border-bottom: solid 1px #d3d3d3;
  -moz-box-shadow: 0 0 4px #BABEBE;
  -webkit-box-shadow: 0 0 4px #BABEBE;
  box-shadow: 0 0 4px #BABEBE;

}

section:hover {
  cursor:pointer;
  background-color: #d3d3d3;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in; 
 
}


/* =========================
show more posts
/* ====================== */
.morepost {
  position: relative;
  display: inline-block;
  padding: 0 60px;
  outline: none;
  border: none;
  border-radius:5px;
  background: transparent;
  width:50%;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 2.5;
  margin-top: 20px;
  border: 1px solid #010101;
  text-align: center; 
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.morepost:hover {
  background: #76baae;
}
/* =========================
rotate-side-up perspective BUTTON- SHOW MORE
/* ====================== 
.progress-button {
  position: relative;
  display: inline-block;
  padding: 0 60px;
  outline: none;
  border: none;
  
  width:50%;
  margin-bottom: 30px;
  margin-top: 30px;
}

.progress-button h2 {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.8rem;
  line-height: 2;
  margin-top: 10px;
}

.row .progress-button .progress-wrap h2 span:after {
  content: 'POSTS';
}


.progress-button[disabled],
.progress-button[disabled].state-loading {
  cursor: default;
}

.progress-button .content {
  position: relative;
  display: block;
}

.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
  opacity: 1;
}

.notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.progress-button .progress {
  background: #76baae;
}

.progress-button .progress-inner {
  position: absolute;
  left: 0;
  background: #131E1C;
}

.progress-button[data-horizontal] .progress-inner {
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width 0.3s, opacity 0.3s;
  transition: width 0.3s, opacity 0.3s;
}

.progress-button[data-vertical] .progress-inner {
  bottom: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height 0.3s, opacity 0.3s;
  transition: height 0.3s, opacity 0.3s;
}

/* Necessary 3d styles for buttons with perspective */
/*

.progress-button[data-perspective] {
  position: relative;
  display: inline-block;
  padding: 0;
  background: transparent;
  -webkit-perspective: 900px;
  perspective: 900px;
}

.progress-button[data-perspective] .content {
  padding: 0 50px;
  transition: .2s ease;
  background: transparent;
  border: 1px solid #010101;
}

.progress-button[data-perspective] .content:hover {
  background: #76baae;
}

.progress-button[data-perspective] .progress-wrap {
  display: block;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;

}

.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
  outline: 1px solid rgba(0,0,0,0); /* Smoothen jagged edges in FF */ /*
  border: 1px solid #010101;
  border-radius: 0;
  opacity: .8;
}

/* Rotate side up 3d */
/* ====================== */ /*

.progress-button[data-style="rotate-side-up"] .progress {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap {
  -webkit-transform: rotateX(-90deg) translateZ(10px);
  transform: rotateX(-90deg) translateZ(10px);
}

*/

/*
=========================
image tag
=========================
*/

.content-tag {
  height:30px;
  width:30%;
  border-radius: 0px 15px 0px 0px; 
  position: absolute;
  display:block;
  bottom:0;
  text-transform: uppercase;
  opacity: .9;
  margin-left: 10px;
}


.content-tag h5 {
  padding-top: 10px;
  color: white;
  margin: 0 30px 0 10px;
}

.business-tag {
  background: #3ba855;
  width:35%;
 }

.photo-tag {
  background: #ac151c;
  width:50%;
 }

.design-tag {
  background: #d84418;
 }

/*
  ========================================
  HERO/Carousel
  ========================================
*/

.carousel-inner {
  height:423px;
}

.carousel-inner img {
  max-width: 100%;
  max-height: 423px;
  margin-top: 0;

}
 

#myCarousel{
  background-size: contain;
  font-family: 'Cabin', sans-serif;
  border-radius: 5px;
  max-height: 423px;
  margin-bottom: 25px;
  max-width: 100%;
  position: relative;
  display: inline-block;
  -moz-box-shadow: 0 0 7px #888;
  -webkit-box-shadow: 0 0 7px #888;
  box-shadow: 0 0 7px #888;
}

.carousel-over{
  height:423px;
  width:400px;
  border-radius: 5px 0px 200px 5px; 
  position: absolute;
  background-color: #000;
  opacity: 0.8;
  display:block;
  padding-left: 0;
}

.carousel-caption{
  bottom: 34%;
  font-size: 25px;
  left: 15%;
  text-align: left;
  text-shadow: 0px 2px 1px #2a2a2a;
}

.carousel-caption h1{
  font-size: 26px;
  color: #76baae;
}


.carousel-caption h3{
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.carousel-indicators {
  left: 11%;
  bottom: 32%;
}

.carousel-indicators > li:hover {
  background: rgba(255,255,255,0.6);
}

 .carousel-inner > .item > img {
  min-width: 100%;
  min-height: 423px;
  object-fit: cover;
  border-radius: 5px;
 }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .8s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
  
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  
}

.carousel-fade .carousel-control {
  z-index: 2;
}
 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*
  ========================================
  Sidebar
  ========================================
*/
.sidebar {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  background: transparent;
  border-top: solid 20px transparent;

}
.social-media {
  -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
  
}

.follow-ucreative {
    background-color: #191919 ;    
    letter-spacing: 1px;

}

.follow-ucreative h2 {
  font-family: 'Cabin', sans-serif;
  color: #f0f0f0;
  margin-top: 15px;
  
}

.social-links {
    padding: 0;

}

.social-links .fa {
    vertical-align: middle;
    padding-top: 15px;
    color: #FCFCFC;
}

.social-links li {
    list-style: none;
    height: 60px;
    width: 25%;
    float:left;
    
    
}

.social-links li:hover {
  font-size: 1.5em;
}

.side-twit {
    background-color: #00ABF0;
}

.side-fb {
    background-color: #3b5998;
}

.side-pinterest{
     background-color: #c8232c;
}

.side-gplus {
    background-color:#d34836;
}

.outer-box {
  display: block;
  opacity: 0.7; 
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

  .outer-box:hover {
    opacity: 1; 
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  

.trending {
  margin-left: 0px;
   padding:0;
   background: transparent;
   border-top: solid 15px transparent;
}

.trending section {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}

.nav-tabs.nav-justified > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


.tab-content {
   position: relative;
    width: 100%;
    display: inline-block;
 }
.tab-content .col-sm-6 {
padding-right: 0px;
padding-left: 0px;
}

.tab-content .col-md-6 {
  text-align: left;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    height: 100px;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 10px;
  }


.tab-content img {
    display: inline-block;
    vertical-align: middle; 
    max-width: 100%;
    margin: 0px;
    object-fit: cover;
    width: 150px;
    height: 120px;

  }

 .tab-content section {
  margin-left: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sidebar h4 {
  font-size: 16px;
  margin-top: 0px;
  color: #383636;
   font-family:'Oswald', sans-serif;
   letter-spacing: .01em;
   line-height: 1.15;
}
.tab-content h5 {
  font-family: 'Titillium Web', sans-serif;
  margin-top: 0px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
}
 /*
  ========================================
  Footer
  ========================================
*/

.bottom-nav {
  padding-bottom: 10px;
}

.bottom-nav hr {
    
    border: none;
    height: 1px;
    background-color: #726E6D ;
    margin-top: 10px;
    margin-bottom: 10px;
}

#footerwrap {
    background: #000;
    margin-top: 0px;
    padding-bottom: 25px;
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
}

#footerwrap p {
   font-size: 13px;
    color: #444;
}

.bottom-nav  {
    background-color: #020202;
    color:white;
    margin-top:0;
}

.nav-section {
  padding-top: 0px;
  padding-bottom: 15px;
   border-bottom: 1px solid #222 ;
}

.nav-section .col-md-6 {
  padding-left: 0;
}

.nav-section h4 {
  font: 400 26px Titillium Web;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #aaa;
  border-bottom: solid 1px #222;
  padding: 10px 0px;
}

.nav-section  p {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 16px;

}

.bottom-nav a {
  color: white;
  letter-spacing: 1px;
  font-weight: 400;
  padding:2px 4px;

  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}

.bottom-nav .social-footer a {
padding: 6px 12px;
}

.bottom-nav a:hover {
  background-color: #009999;

}

.btn-social {
  background: #e5e5e5;
  
}

.fa {
  color: #000;
}

.social-footer .btn-facebook:hover,
.social-footer .btn-facebook:focus {
  background: #3b5998 ;
  border-radius: 0 0 20px 20px;
}

.social-footer .btn-twitter:hover,
.social-footer .btn-twitter:focus {
  background: #00ABF0 ;
  border-radius: 20px 0 0 20px;
}

.social-footer .btn-pinterest:hover,
.social-footer .btn-pinterest:focus {
  background: #c8232c ;
  border-radius: 0 0 20px 20px;
}

.social-footer .btn-google-plus:hover,
.social-footer .btn-google-plus:focus {
  background: #d34836 ;
  border-radius: 20px 0 0 20px;
}




/*========
logo test
==========*/


.bg-effect {
  position:absolute;
  border-left: solid 15px #000000;
  background: white;
  margin: 5px 0;

}



.bg-effect:hover {
  background: url('images/uc.gif') top center no-repeat; 
}



/* ======================
=======================
==============
 start of css for single.php 
 ================
 ======================
 =============================*/


/*
  ========================================
  YTD 
  ========================================
*/


 .article-page {
  background: rgba(0,0,0,.035);
  margin-top: -15px;
  padding-top: 15px;
  
 }

#ytd-nav {
  
  min-height: 150px;
  background: url('images/ytd-header.png');
  border-bottom: solid 3px #d84418;
}

#ytd-nav .col-md-7 {
  width:45%;
}

#ytd-nav .col-md-1 {
  width: 10%;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}


.ytd-nav-inner {
  
  padding: 30px 0;
  font-size: 20px;
}

.ytd-nav-inner a {
  font-family: 'Ubuntu', sans-serif;
  color: #0c0c0c;
  display: inline-block;
    vertical-align: middle;
    float: none; 
     -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}


.ytd-logo {
  height: 77px;
  
}

.ytd-logo img {
  max-width: 330px;
  padding-left: 15px;
}

.ytd-effect {
  top: 10%;
}

.ytd-effect a {
  padding: 12px 10px 10px;
  color: #363636;
  text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.ytd-effect a:hover {
  background: #f15e32;
  color: #fff; 
}

/* 
.ytd-effect a::before {
  
  color: #d84418;
  content: attr(data-hover);
  position: absolute;
  opacity: 0;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}

.ytd-effect a:hover::before,
.ytd-effect a:focus::before {
  -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  opacity: 1;
}


/*====================
  POST
  =========================*/

#uc-post { 
  padding-left: 0px;
  color: #4F4F4F;
  background: transparent;
}

#uc-post .recent-posts {
  padding-left: 0px;
}

#uc-post .recent-posts .col-md-8 {
  margin-top: 0px;
}

#uc-post .ytd-hero {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  background: #d84418;
  color: white;
  text-transform: uppercase;
  padding-left: 30px;
  line-height: 60px;
  font-weight: 400;
}

.uc-banner {
  position: relative;

}

.uc-banner img {
  max-height: 450px;
  width: 100%;
  
}

.banner-gradient {
position: absolute;
width: 100%;
height: 100%;
background: url('images/article-gradient.png') bottom repeat-x;
}


.ytd-banner-caption  {
  font-family: 'Oswald', sans-serif;
  bottom: 10%;
  left: 5%;
  text-align: left;
  text-shadow: 1px 1px #1A0A00;
  position: absolute;
  margin-right: 30px;
}

.uc-banner h1 {
  font-size: 27px;
  color: white;
  top: 50%;
}

.uc-banner > .ytd-banner-caption p {
  font-size: 16px;
  color: #d84418;
}

.ytd-banner-caption a {
  color: #d84418;
}

.uc-article-content {
  padding: 5%;  
  -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
    background: #fffffe;
    font-size: 18px;
    margin-bottom: 20px;
}

.ytd-content {
  padding: 4%;
}

.ytd-content h2, .ytd-content h2 a {
  color: #d84418;
}
.ytd-content img {
 /* width: 100%; */
}

.uc-article-content p {
font-family: 'Karma', serif;
  font-size: .95em;
  margin-bottom: 1em;
  margin-top: 10px;
  max-width: 850px;
    margin-left: auto;
  margin-right: auto;
  line-height: 2em;
}

.uc-article-content a {
  border-bottom: 2px solid rgba(140,244,228,.8);
  box-shadow: inset 0 -4px 0 rgba(140,244,228,.8);
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
  transition: background .15s cubic-bezier(.33,.66,.66,1);
}
.uc-article-content a:hover{
  background: #8CF4E4;
}

.uc-article-content img {
  
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 720px;
  height: auto;
}

.ytp-content img {
/*  width: auto; */
}

.uc-article-content iframe {
 
  max-width: 720px;
  top: 0;
left: 0;
width: 100%!important;

 
}

.share-post {
  padding: 20px 0 10px 40px;
  font-size: 16px;
  border-top: 1px solid black;
}

.author-img-shape {
  box-shadow: rgba(0,0,0,0.8) 0 0 10px;
  border-radius: 100px 0px 0px 100px;
  padding: 0px;
  width: initial;
}

.about-author .author-img-shape img {
  padding: 0px;
  margin: 0px;
}

.about-author h3 {
  font-size: 22px;
  margin-top: 10px;
    font-family: 'Cabin', sans-serif;
}
.about-author  {
  max-height: 400px;
  margin: 10px 0;
  padding-top: 25px;
  padding-bottom: 15px;
}

.about-author .col-xs-9 {
  padding-left: 30px;
}
.about-author .ytd-author-name {
  color: #d84418;
  text-transform: uppercase;
}

.about-author p {
  font-size: 16px;
  line-height: 1.5em;
  
}

.author-img-shape img {
  border-radius: 100px 0px 0px 100px;
  padding: 10px 0; 
  max-width: 150px;
  max-height: 150px;
}


/*
  ========================================
  YTE
  ========================================
*/

#yte-nav {
  background: url('images/yte-header.png');
  min-height: 150px;
  color: #3ba855;
  border-bottom: solid 3px #3ba855;

}
/*

#yte-nav .col-sm-3 {
  width: 13%;
  
}
#yte-nav .col-sm-4 { 
  width: 18%;
}

#yte-nav .col-sm-2 { 
  width: 8.33%;
}

#yte-nav .col-sm-1 {
  width: 6%;
}
*/

.yte-nav-inner {
  margin-top: 10px;
  padding: 30px 0;
  font-size: 16px;
}

.yte-nav-inner a {
  color: #0c0c0c;
 /*  display: inline-block; 
   vertical-align: middle; */
    float: none; 
    text-transform: uppercase;
}


.yte-logo {
  height: 50px;
  
}

.yte-logo img {
  max-width: 409px;
  padding-left: 15px;
}


/*
nav .yte-effect {
  width: 90px;
  height: 2px;
  bottom: 36px;
  background: #c6342e;
  box-shadow: 0 1px 0 white; 
  margin-left:-45px;
}
*/
.nav {

}
.yte-effect {
  position: relative;
  list-style: none;
  padding:10px 0px;
}

.yte-effect div { 
  display: inline-block;  
}


.yte-effect a {
  padding: 12px 10px 10px;
  color: #363636 ;
  text-shadow: none;
  font-weight: 700;
  font-size: 17px;
  transition: .7s;
 /* float: left; */
  text-decoration: none;
  text-transform: uppercase;
  
}


#slider {
  position: absolute;
  bottom: -1px; 
  text-align: left;
  right: 0;
  left: 0;
  height: 2.75px; 
  background: #3ba855;
  width: 14%

}



/* POST */

#yte-post {

}

.yte-hero {

}

#uc-post .yte-hero {
  
  font-size: 22px;
  background: #3ba855;
  color: white;
  text-transform: uppercase;
  padding-left: 30px;
  line-height: 60px;
  font-weight: 400;
}

.yte-banner-caption {
  
  bottom: 10%;
    left: 5%;
  text-align: left;
  text-shadow: 1px 1px #1A0A00;
  position: absolute;
  margin-right: 30px;
}

.yte-content h2 {
  color: #3ba855;
}

.uc-banner > .yte-banner-caption p {
  font-size: 16px;
  color: #3ba855;
}

 .yte-banner-caption a {
color: #3ba855;
}


.about-author .yte-author-name {
  color: #3ba855;
  text-transform: uppercase;
}


/*
  ========================================
  YTP
  ========================================
*/

#ytp-nav {
  
  background: url('images/ytp-header.jpg');
  min-height: 150px;
  border-bottom: solid 3px #ac151c;
}

#ytp-nav .col-md-7 {
  width:40%;
}

#ytp-nav .col-md-2 {
  width: 12%;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

#ytp-nav .col-md-1 {
  width: 8%;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}


.ytp-nav-inner {
  margin-top: 10px;
  padding: 10px 0;
  ;
}

.ytp-nav-inner a {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  color: white;
  display: inline-block;
    vertical-align: middle;
    float: none; 
}


.ytp-logo {
  height: 46px;
  margin-top: 30px;
}

.ytp-logo img {
  max-width: 303px;
  padding-left: 15px;
}

.ytp-effect {
    display: inline-block;
    line-height: 95px;
    cursor: pointer;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}

.ytp-effect a:hover {
  color: #428bca;
}

/*
 .ytp-effect:after {
  pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

  top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0;
    box-shadow: 3px 3px rgba(255, 255, 255, 1);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}
.ytp-effect:hover:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ytp-effect:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.ytp-effect:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

*/

/* POST */

#ytp-post {

}

.ytp-hero {

}

#uc-post .ytp-hero {
  font-family: 'Roboto Slab', serif;
  font-size: 22px;
  background: #000;
  color: white;
  text-transform: uppercase;
  padding-left: 30px;
  line-height: 60px;
  font-weight: 400;
}

.ytp-banner-caption {
  font-family: 'Roboto Slab', serif;
  bottom: 10%;
    left: 5%;
  text-align: left;
  text-shadow: 1px 1px #1A0A00;
  position: absolute;
  margin-right: 30px;

}
.ytp-content{
  padding: 3%;
}

.ytp-content h2 {
  color: #ac151c;
}

.uc-banner > .ytp-banner-caption p {
  font-size: 16px;
  color: #ac151c;
}
.ytp-banner-caption a {
  color: #ac151c;
}

.about-author .ytp-author-name {
  color: #ac151c;
  text-transform: uppercase;
}




/*
  ========================================
  YTD - Main Page
  ========================================
*/
.cat-ytd {
  background: #fff;

}
.design-prog {
  border-top: solid 3px #d84418;
}

.cat-ytd section {
  padding: 0px;
}
.cat-ytd section img{
  margin-left: 0px;
}

.cat-ytd section .content-tag {
  margin-left: 0px;
}

.cat-ytd .img-col {
  padding: 0px;
  margin-top: 0px;
  height: 228px;
}

.cat-ytd .ytd-caption {
  font-family: 'Oswald', sans-serif;
  padding: 30px 15px 25px 35px;
}

.cat-ytd .ytd-caption h2 {
 
  color: #494848;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;

}

.cat-ytd .ytd-caption .col-xs-6 {
  padding-left: 0px
}

/*
  ========================================
  YTP - Main Page
  ========================================
*/

.cat-ytp {
  font-family: 'Roboto Slab', serif;
  border-bottom: solid 3px #ac151c;
  background: #fff;
}

.cat-ytp section {
  padding: 0px;

}
.cat-ytp section img {
  height: 214px;
  object-fit: cover;
  margin-left: 0px;
}

.cat-ytp section .content-tag {
  margin-left: 0px;
}

.cat-ytp .img-col {
  padding: 0px;
  margin-top: 0;
}

.cat-ytp .ytd-caption {
  font-family: 'Roboto Slab', serif;
  padding: 15px 10px 10px 30px;
}

.cat-ytp .ytd-caption h2 {

  color: #292627;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-right: 10px;

}

.cat-ytp .ytd-caption .col-xs-6 {
  padding-left: 0px
}

#uc-post .recent-posts .row .cat-ytp  {
  
} 

.ytp-hero-main {
  position: relative;
}
.ytp-hero-main img {
  width: 100%;
}

.ytp-hero-caption {
  position: absolute;
  
  color: #fff;
  bottom: 5%;
  left: 5%;
  right: 1%;
}

.ytp-hero-caption h1 {
  font-size: 28px;
  margin-right: 30px;
  line-height: 1.4em;
}

.ytp-hero-caption span {
  margin-left: 5px;
  text-transform: uppercase;
  color: #ac151c;
  font-size: 18px;
  padding: 7px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}

.ytp-hero-caption span:hover {
  background: #000;
  box-shadow: 0px 0px 1px 1px #888888;
  border-radius: 4px;
  
}
.ytp-hero-gradient {
position: absolute;
width: 100%;
height: 100%;
background: url('images/article-gradient.png') bottom repeat-x;
}

.cat-ytp .ytd-caption .col-xs-6 {
  padding-right: 0px
}

.cat-ytp .ytd-caption .col-xs-6 i {
  padding-left: 10px
}
/*
  ========================================
  YTE - Main Page
  ========================================
*/

.business-prog {
  border-top: solid 3px #3ba855;
}
.cat-yte .content-tag {
  width: 60%;
}

.cat-yte .ytd-caption {
  padding: 25px 15px 25px 25px;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  line-height: 1.2;
}
.cat-yte .ytd-caption p {
font: 400 17px 'Lato'
}

.recent-posts .ytd-caption .col-xs-6 p {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.recent-posts .ytd-caption .col-xs-8 p {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin-right: 0px;
}

.recent-posts .ytd-caption .col-xs-4 p {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  margin-right: 0px;
}

.cat-yte .ytd-caption .col-xs-4 {
  padding-left: 0px;
  
}

.cat-yte .ytd-caption .col-xs-6 {
  padding-left: 0px;
  
}

.cat-yte .ytd-caption .col-xs-8 {
  padding-left: 0px;
  
}
.cat-yte .img-col {
  margin-bottom: 20px;
  margin-top: 4%;
  height: 200px;
}

.cat-yte section {
  padding: 0px;
  }

.cat-yte img {
  
}

#uc-post .recent-posts .row .cat-yte  {
  background: #fff;
} 




/*------------------------*/
.ytd-hero-main {
font-family: 'Oswald', sans-serif;
}

#uc-post .recent-posts {
background: transparent;
}

#uc-post .recent-posts .row .col-md-8 {
background: transparent;
}

 
#uc-post .recent-posts .row .ytd-hero-main h1 {
  position: absolute;
  top:30%;
  color: #726E6D;
  background: #fff;
  padding--left: 20px;
  padding-right: 10px;
}

#uc-post .recent-posts .row .ytd-hero-main span {
  color: #d84418;
  font-size: 25px;
  margin-left: 15px;
} 

#uc-post .recent-posts .row .ytd-hero-main img {
  max-height: 350px;

}
#uc-post .recent-posts .row .ytd-hero-main {
  position: relative;
}


#uc-post .recent-posts .row .cat-ytd  {
  background: #fff;
} 


/*
  ========================================
  About Page
  ========================================
*/
.about-banner  {
  
  margin: 0px;
  width: 100%;
  height: 100%;
  
}

.about-banner img {
  width: 100%;
}

#about-page .row {
  margin: 100px 0px;
}

#about-page h1 {
  margin: 0px;
  color: #53827A;
  padding-bottom: 20px;
}


#about-page p{
  font-size: 24px;
  margin-bottom: 0px;

}
#about-page .team-portraits {
  margin: 5px 0px 0px 0px;
}

.author-img-shape-c {
 border-radius: 100px 0px 0px 100px;
 -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
 box-shadow: rgba(0,0,0,0.8) 0 0 10px;
   width: 150px;
  height: 150px;
  padding: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  transition: .4s ease;
}


.author-img-shape-u {
  border-radius: 0px 0px 100px 100px;
  padding: 0px; 
  width: 150px;
  height: 150px;
  -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
 box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    margin-right: 20px;
  margin-bottom: 20px;
  transition: .4s ease;
}

.btn-social-abt {
  background: #000;
  width: 90px;
  height: 90px;
  margin-top: 5px;
}

#about-page .fa {
  position: relative;
  top: 15%;
  color: white;
}

#about-page .fa:hover {
  position: relative;
  top: 15%;
  color: #53827A;
}



.name-on-hover {
list-style-type: none;
margin: 0px;
padding: 0px;


}

.name-on-hover .author-img-shape-u li {
border-radius: 0px 0px 100px 100px;
float: left;
padding: 0px;
position: relative;
overflow: hidden;

}

.name-on-hover .author-img-shape-c li {
border-radius: 100px 0px 0px 100px;
float: left;
padding: 0px;
position: relative;
overflow: hidden;


}

.name-on-hover li:hover .caption {
opacity: 1;

}

.name-on-hover img {
margin: 0px;
padding: 0px;
float: left;
z-index: 4;

}

.name-on-hover .caption {
cursor: pointer;
position: absolute;
opacity: 0;


}

.name-on-hover .blur {

background-color: rgba(0,0,0,0.65);
height: 150px;
width: 150px;
z-index: 5;
position: absolute;


}

.name-on-hover .caption-text span {
text-transform: uppercase;
font-size: 16px;
color: #53827A ;

}

#about-page .description {
  font-size: 14px;
}

.name-on-hover .caption-text {
z-index: 10;
color: #fff;
position: absolute;
width: auto;
height: auto;
text-align: center;
top: 25px;
left: 40px;


}
/*=============
for image gallery category page
=======================*/
#img-gallery .col-sm-8 img {
  width: 100%;
}

#img-gallery .col-sm-8 {
  background: #fff;
  padding: 0px;
}


#img-gallery .col-sm-6 {
  padding: 0px;
  
  width: 50%;
 

}
#img-gallery .sidebar {
  padding-left: 10px;
}



.submit-photo {
  font-family: 'Roboto Slab', serif;
  background: #000;
  color: #fff;
  margin-top: 10px;
}



.submit-photo h3 {
  padding:15px 10px 15px 10px;
}

 .submit-photo p {
font-family: 'Open Sans', sans-serif; 
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
color: #ececec;
text-align: left;
}

.submit-photo button {
  color: #000;
  margin-bottom: 10px;
}

.gallery-item-post {
  padding: 7px;
  background: #fffffe;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  -moz-box-shadow: 0px 0px 2px #888;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in; 
}


.gallery-item-post-caption{
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  position: absolute;
  width:100%; 
  bottom:7px; 
  color:#ddd; 
  text-align:center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;  
  opacity: 0;
}

.gallery-item-post-caption span {
  background:rgba(0, 0, 0, 0.7); 
   margin-right: 14px;
  line-height: 24px; 
  display: block;  
  padding: 15px 30px;
}

.gallery-item-post:hover {
   -moz-box-shadow: 3px 5px 10px #888;
  -webkit-box-shadow: 3px 5px 10px #888;
  box-shadow: 3px 5px 10px #888;
   top: -3px;

}
.gallery-item-post:hover > .gallery-item-post-caption {
   opacity: 1;

    }


/*=============
for image gallery post
=======================*/

.img-gallery-post {
  font-family: 'Roboto Slab', serif;
  color: #000;
  width: 100%;
}

.img-gallery-post .col-md-11 {
  padding: 0px;
}
.img-gallery-post .image-holder {
    width: relative;
}


 .img-gallery-post img {
-moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  width:100%;
} 

.img-gallery-post .by {
  color: #4c4c4c;
  font-size: 28px;
}
.img-gallery-post span {
  color: #ac151c;
}


.gallery-content {
  padding: 20px;
}

/*============
author page
===================*/

#author-hero {
  background: url('images/sample-author-bg.png');  
  color: #fffffe;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd;
}

#author-hero h3 {
  text-transform: uppercase;
  padding-bottom: 3px;
  
}
#author-hero .author-img-shape {
  border-radius: 100px 0px 0px 100px;
  -moz-box-shadow: 0 0 10px #fff;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  float: left;
  padding: 0px;
  width: inherit;
  margin: 29px 27px;


}

#author-hero img {
  
  padding: 0px;
}
#author-hero .col-sm-8 {
  margin: 10px 0;
}

#author-hero .col-xs-4 {

}

#author-hero p{
  font-family: 'PT Sans', sans-serif;
  margin-right: 0px;
  line-height: 1.1;
  color: #D7D7D7;
}

#author-hero a {
  color: #D7D7D7;
    border-bottom: 1px solid rgba(140,244,228,.8);
  box-shadow: inset 0 -2px 0 rgba(140,244,228,.8);
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
  transition: background .15s cubic-bezier(.33,.66,.66,1);

}
#author-hero a:hover {
background: #8CF4E4;
color: #4F4C4C;
}
/*============
basic-page
===================*/
#basic-page li {
  color: #191919;
  font-size: 16px;
  padding-bottom: 5px;
}

#basic-page .row:(.sidebar) {
 min-height: 700px;
}
#basic-page .basic-page-post {
  padding-right: 40px;
}
#basic-page .basic-page-post h1 {
  margin: 0px;
  color: #53827A;
  padding-bottom: 20px;
}


#basic-page p{
  font-size: 24px;
  margin-bottom: 0px;
  text-align: justify;

}
#basic-page .recent-posts {
  background: transparent;
}

.basic-page-post a:hover{
  background: #8CF4E4;
}


/*
===============test for bigger grid=== 

.col-md-8 {
  width: 72%;
}

.col-md-4 {
  width: 28%;
}

.trending section {
  padding: 15px 0;
}

.trending section h4 {
  font-size: 16px;
  margin-top: 7px;
  color: #191919;
}




/*============
responsive
===================*/

@media screen and (min-width: 992px) and (max-width: 1201px) {
  .carousel-caption {bottom: 40%;}
  .carousel-indicators {left: 15%;bottom: 35%;}
  .business-tag {width:40%;}
  .photo-tag {width:60%;}
  .home-recent-posts .img-col {margin-top: 2%;}
  .cat-yte .img-col {margin-top: 7%;}
  .carousel-inner {height:100%;}
  .cat-ytp .ytd-caption h2 {font-size: 20px}
  .morepost {width:70%;}
  .uc-article-content img {max-width: 100%;}
  .carousel-indicators li {height:20px; width:20px;}
  .carousel-indicators .active {height:20px; width:20px;}
  .tab-content img {width: 120px; height: 100px;}
  .recent-posts .home-recent-posts section h2 {font-size: 22px; padding-right: 0px; }
  .recent-posts .home-recent-posts .col-sm-8 {padding-left: 35px;}
  .yte-effect a {font-size: 16px;}
  .yte-logo img {width: 95%;}
  .author-img-shape {width:25%;}
  .about-author h3 {font-size: 20px;}
  .cat-ytd .ytd-caption {padding: 30px 15px 25px 25px;}
  #ytd-nav .col-md-1 {width: 12%;}
  .cat-ytp .ytd-caption {padding: 15px 15px 10px 25px;}


}

@media screen and (max-width: 992px) {
  .sidebar {display:none;}
  .bottom-nav {text-align: center;}
  #yte-nav .yte-nav-inner .col-sm-5 { width:100%; text-align: center;}
  #uc-post .recent-posts .col-md-8 {border-right: 0;}
  #ytd-nav .ytd-logo {width: 100%;}
  #ytp-nav .col-md-7 {width: 100%;}
  #ytp-nav .ytp-effect {line-height: 20px; height: 50px;}
  #ytp-nav .ytp-nav-inner {padding:0; margin-top: 0;}
  .article-page #ytd-nav .col-md-1 { width: auto; display: inline-block;}
  .article-page #ytp-nav .col-md-2, .article-page #ytp-nav .col-md-1  { width: auto; display: inline-block;}
  #img-gallery .col-sm-8 {width: 100%;}
  .carousel-inner {height:376px;}
  
}

@media screen and (min-width: 769px) and (max-width: 992px) {
.navbar-form {width: 150px}
.carousel-indicators {left:11%;bottom: 23%;}
}
  
@media screen and (max-width: 768px) {
  #myCarousel {display:none;}
  .morepost {width:90%; padding: 0 30px;}
.uc-article-content img {max-width: 100%;}
  .navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;}

  .navbar-brand {float:none;}
  .input-group {padding-right:20%; padding-left: 20%;}
  .navbar-form {margin-top: 0px; margin-bottom:0px;}
  .navbar-collapse  li {display: inline-block;}
  .design, .photography, .business {width: 32.5%; padding: 20px; border-right: 1px solid transparent; -webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);}
  #navbar {padding-left: 0px;}
  .navbar-inverse .navbar-nav li  {text-align: center; border-left: 0px;}
  #uc-post {padding-right: 0px;}
  .article-page {padding-top: 0px; padding-right: 0px;padding-left: 0px}
#ytd-nav .ytd-nav-inner {padding-bottom: 0;}
#img-gallery .col-sm-6 {width:100%;}
.navbar-form { margin: 0px;}
  .home-recent-posts .img-col { height:auto;}
  .cat-ytd .img-col { height:auto;}
  .cat-yte .img-col { height:auto;}
.content-tag {margin-left: 0px;}
section img {margin-left: 0px;}
.home-recent-posts .img-col {padding-left: 0px;}
.recent-posts .home-recent-posts .col-sm-8 {padding-left: 25px;}
.author-img-shape {width:25%;}
}

@media screen and (max-width: 586px) {
  #yte-nav .yte-nav-inner a {font-size: 14px }
  #ytd-nav .ytd-nav-inner a {font-size: 16px;}
  #basic-page .basic-page-post {padding-right: 10px;}
  #basic-page p {font-size: 20px;}
}

@media screen and (max-width: 569px) {
  #ytd-nav {padding-left: 0; padding-right: 0;}
}


@media screen and (max-width: 528px) {
  #yte-nav .yte-nav-inner a {padding-left: 0; }
  .article-page #ytp-nav .col-md-2 {margin-top: 0}
  #ytp-nav .ytp-nav-inner a {font-size: 18px;}

}

@media screen and (max-width: 478px) {
  #yte-nav .yte-nav-inner a {font-size: 16px; padding-top:0;}
  .article-page #yte-nav {height: 80px;} 
  #yte-nav .yte-nav-inner {margin-top: 0px;}
  #ytd-nav .ytd-nav-inner a {font-size: 24px;}
  .article-page #ytd-nav .col-md-1 {margin-top:0;}
  #ytp-nav .ytp-effect { height: 40px;padding-top: 10px;}
  .ytp-hero-caption h1 {font-size: 24px; margin-right: 0px; line-height: 1.2em;}
  .about-author h3 {font-size: 20px;}
  
}

@media screen and (max-width: 440px) {
.bg-effect {width: 60%;}
 .navbar-collapse  li {display: inline; padding-left: 0px;}
 .design, .photography, .business {padding: 5px; border: 0px;}
.row h2 span:after {content: ''; }
.progress-button[data-perspective] .content {padding: 0 25px;}
#ytd-nav .ytd-nav-inner a {font-size: 22px;}
.yte-logo img {width: 95%; padding-top: 10px;}
.recent-posts .home-recent-posts .col-sm-8 {padding-left: 20px;padding-right: 15px;}
section {padding-top: 0px; }
.home-recent-posts .img-col {margin-top: 0px;}
#ucreative-home {margin-top: 5px;}
#about-page p {font-size: 20px;}
}

@media screen and (max-width: 333px) {
   #yte-nav { padding: 0;}
   #yte-nav .yte-nav-inner a {font-size: 14px; }
   .article-page {padding-left: 0px; padding-right: 5px;}
}

@media screen and (max-width: 301px) {
   #yte-nav .yte-nav-inner nav{ display:none;}
   #yte-nav .yte-nav-inner {padding-bottom: 0; }
   .article-page #yte-nav {min-height: 50px;}
   #uc-post .yte-hero {line-height: 30px;}
  #uc-post .uc-banner img {display:none;}
   #uc-post .yte-banner-caption {position: relative;}
   #uc-post .yte-banner-caption h1 {margin: 0;}
   #uc-post .ytd-banner-caption {position: relative;}
   #uc-post .ytd-banner-caption h1 {margin: 0;}
}



#infscr-loading{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#infscr-loading div{
    margin-left:auto;
    margin-right:auto;
    width:360px;
}

/*for google search results*/

.gsc-table-cell-snippet-close, .gs-promotion-text-cell {  
  padding-left: 60px;
  padding-right: 30px;
}

.gs-result img.gs-image, .gs-result img.gs-promotion-image {
  	max-width: 100px;
}

.gs-result img.gs-image, .gs-result img.gs-promotion-image {
	object-fit: cover;
}



.norm_row {
    min-width: 25px;
    text-align: center!important;
    width: 90%!important;
    position: relative;
}

.wpp-thumbnail {
    width: 75px;
    height: 75px;
    padding-right:10px;
}

.recent-posts a {
    font-size: 16px;
}
.wpp-list{
padding-left:0px;
}

.wpp-list li {
    padding-bottom: 10px;
}