.blog-page {}
.blog-page h2,
.blog-page h2 a {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    color: #3c4a55;
}

.jumbotron-blog {
   padding:30px;
   margin-top: 10px;
   margin-bottom:30px;
   color:#fff;
   background-color: transparent;
   background: url(./images/patterns/blogfg-min.jpg);
}
.jumbotron-blog a{color:inherit;}
.jumbotron-blog a:hover,
.jumbotron-blog a:focus{color:#333;}

.jumbotron-blog.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:100;}
.container .jumbotron{border-radius:6px;}
.jumbotron .container{max-width:100%;}
@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px;}
.container .jumbotron{padding-right:50px;padding-left:50px;}

.jumbotron-blog h1,
.jumbotron-blog .h1 a{
 font-family: Ubuntu,arial,sans-serif;
 font-size:32px;
 text-transform: uppercase;
 font-weight: 300;
 color: #fff;
 border-bottom: 0;
}
.jumbotron-blog h2,
.jumbotron-blog .h2 a{
 font-family: Ubuntu,arial,sans-serif;
 text-transform: uppercase;
 font-weight: 300;
 color: #fff;
 border-bottom: 0;
}

.jumbotron-blog .text-shadow {
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.press{}
.press a{color:inherit;}
.press a:hover,
.press a:focus{color:#333;}

.content {
        margin: 10px 0;
        padding:30px;
    }
.btn-white.outline.active, .btn-white.outline:active, .btn-white.outline:focus, .btn-white.outline:hover, .open>.dropdown-toggle.btn-white {
    border-color: #fff;
    background-color: #fff;
    color: #333;
}
.btn-white.outline {
    border: 2px solid #fff;
    color: #fff;
}

/* USER PROFILE PAGE */
.src-image {
  display: none;
}

.card {
    margin-top: 15px;
    padding: 30px;
  overflow: hidden;
  position: relative;
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  text-align: center;
  padding: 0;
    background-color: #2f2f2f;
    background-color: rgba(47, 47, 47, 1);
  height: 220px;
}

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;
  /* This positions the canvas under the text */
  z-index: 1;
}
.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.card .avatar img {
  -webkit-border-radius: 4%;
  -moz-border-radius: 4%;
  border-radius: 4%;
  width: 310px;
  height: 190px;
    border: 5px solid rgba(255, 255, 255, 0.5);
}
.card .card-info {
    position: absolute;
  margin-top: 1px;
    bottom: 14px;
    left: 0;
    right: 0;
}
.card .card-info .card-title {
    padding:0 5px;
    font-size: 20px;
    line-height: 1;
    color: #262626;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.card .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}
.card .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}
.btn-pref .btn {
    -webkit-border-radius:0 !important;
}


.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cuadro_intro_hover{
        padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
                /*About Me*/
  .media
    {
        /*box-shadow:0px 0px 4px -2px #000;*/
        margin: 20px 0;
        padding:30px;
    }
    .dp
    {
        border:10px solid #fff;
        transition: all 0.2s ease-in-out;
    }
    .dp:hover
    {
        border:2px solid #fff;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
            .aboutme
            {
                background:#eee;
            }

.post .post-footer .comments-list {
  padding: 0;
  margin-top: 20px;
  list-style-type: none;
}
.post .post-footer .comments-list .comment {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.post .post-footer .comments-list .comment .avatar {
  width: 35px;
  height: 35px;
}
.post .post-footer .comments-list .comment .comment-heading {
  display: block;
  width: 100%;
}
.post .post-footer .comments-list .comment .comment-heading .user {
  font-size: 14px;
  font-weight: bold;
  display: inline;
  margin-top: 0;
  margin-right: 10px;
}
.post .post-footer .comments-list .comment .comment-heading .time {
  font-size: 12px;
  color: #aaa;
  margin-top: 0;
  display: inline;
}
.post .post-footer .comments-list .comment .comment-body {
  margin-left: 50px;
}
.post .post-footer .comments-list .comment > .comments-list {
  margin-left: 50px;
}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%;}
.embed-responsive.embed-responsive-4by3{padding-bottom:75%;}
.article-img{width:100%;max-height:400px;object-fit:cover;}
@media screen and (max-width:768px){.article-title{font-size:28px;}
}
@media screen and (max-width:500px){.article-title{font-size:20px;}.tag_spacing {display: block;margin: 7px 2px 0 2px;}
}
.article-caption {position:absolute;bottom:0;left:15px;right:15px;padding-top: 20px;padding-bottom: 15px;overflow:hidden;}
.article-caption {	    background: linear-gradient(to bottom,transparent 0,transparent 0,rgba(0,0,0,.65) 100%);}
.article-caption h4 {padding-left:14px;color: #fff;text-shadow: 0 0 2px rgba(0,0,0,.5);}
.article-caption > p {padding-left:18px;color: #fff;text-shadow: 0 0 2px rgba(0,0,0,.3);}
.blog-header{color:#666;padding:8px 5px 5px 5px;margin:0 0 10px 0;font-size:16px;font-weight:bold;border-bottom:0 solid #ccc;}

.prev_next span.prev {
    display: block;
    margin-bottom: 5px;
}
.prev_next {
    background-color: #fff4d2;
    border: 2px solid #ffc324;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 30px;
    overflow: auto;
    padding: 13px 20px;
}

.nav_right {
    width: 45%;
    float: right;
    text-align: right;
}
.nav_left {
    width: 45%;
    float: left;
}

.prev_next span.prev {
    display: block;
    margin-bottom: 5px;
}