body {
    background-color: #f1f1f1 !important
}

a {
    color: #444
}

hr {
    border-top: 1px dashed #ccc !important
}

label {
    color: #444
}

.br-right {
    border-right: 1px dashed #ccc !important
}

.navbar-brand {
    color: #fff !important
	  display: flex;
	  align-items: center;
}

.content-heading {
    letter-spacing: -1px;
    font-weight: 600;
    color: #444;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    margin-top: 14px;
    text-align: center
}

.block-heading {
    letter-spacing: -1px;
    font-weight: 600;
    color: #444;
    font-size: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #ccc;
    margin-top: 22px
}

a.tag {
    text-decoration: none
}

a.tag .label {
    padding-top: 0
}

.commentReplyBox {
    display: none
}

.btn-facebook {
    background-color: #3B5998;
    color: #fff
}

.btn-facebook:hover {
    color: #fff
}

.home-centerDiv {
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    height: 50px;
    position: absolute;
    margin-top: 0;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, .4)
}

.home-centerDiv h1 {
    font-size: 48px;
    font-weight: 700;
    text-shadow: 0 0 1px rgba(0, 0, 0, .4)
}

.home-centerDiv h2 {
    font-size: 24px
}

.gallery {
    margin-top: 20px
}

.gallery .gallery-display {
    margin-bottom: 20px
}

.gallery .gallery-details {
    font-size: 12px
}

.gallery .display-image {
    width: 100%
}

.gallery .display-image:before {
    content: "";
    background: 0 0;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    left: 50px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 3
}

.gallery figure {
    margin: 0
}

@media (min-width: 1200px) {
    .gallery figure {
        margin: 0;
        position: relative;
        height: auto
    }
}

.gallery figure img {
    max-width: 100%;
    display: block;
    position: relative
}

.gallery h3 {
    word-break: break-all
}

.gallery .figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #3D3D3D;
    color: #fff
}

.gallery figure {
    overflow: hidden;
    position: relative
}

.gallery figure img {
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.gallery .figcaption {
    width: 100%;
    bottom: 0;
    opacity: 0;
    text-decoration: none;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.gallery figure:hover .figcaption {
    opacity: .9;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}

.gallery .figcaption .gallery-author {
    position: absolute;
    bottom: 20px;
    padding-right: 20px
}

.box-detail {
    background: #000;
    background: rgba(0, 0, 0, .6);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    padding: 2px 20px;
    text-shadow: 0 0 1px #000;
    color: #fff;
    margin-top: -65.2px;
    position: relative
}

.box-detail a {
    color: #fff;
    text-decoration: none;
    padding: 1px 3px;
    text-shadow: 0 0 1px #000
}

.box-detail a:hover {
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-transition-duration: .3s;
    -webkit-transition-timing: ease-out;
    -o-transition-duration: .3s;
    -o-transition-timing: ease-out;
    -moz-transition-duration: .3s;
    -moz-transition-timing: ease-out;
    -ms-transition-duration: .3s;
    -ms-transition-timing: ease-out;
    transition-duration: .3s;
    transition-timing: ease-out
}

.box-detail .heading {
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: -1px
}

.main-image {
    position: inherit
}

.main-image .img-thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.main-image .controlArrow {
    font-size: 24px;
    position: absolute;
    top: 50%;
    opacity: .8;
    text-shadow: 0 0 1px #000;
    color: #fff;
    z-index: 1;
    height: 40px
}

.main-image .controlArrow a {
    color: #fff;
    text-decoration: none;
    padding: 10px
}

.main-image:hover .controlArrow {
    opacity: 1;
    background: rgba(0, 0, 0, .5)
}

.main-image .controlArrow-next {
    right: 6px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.main-image .controlArrow-prev {
    left: 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.image-author img {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: auto
}

.image-author a {
    font-weight: 700
}

.more-from-site img {
    height: 80px;
    width: auto;
    margin-bottom: 3px
}

.image-heading {
    letter-spacing: -1px;
    font-weight: 600;
    color: #444;
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
    margin-top: 22px;
    text-align: center;
    margin-bottom: 15px
}

.image-heading .image-title h1 {
    letter-spacing: -1px;
    font-weight: 600;
    color: #444;
    font-size: 18px
}

.image-heading .image-heart {
    font-size: 18px;
    line-height: 3.5
}

.comment-vote {
    color: #777
}

.comment-vote a {
    color: #777;
    text-decoration: none
}

.comment-voted {
    color: #e74c3c !important
}

.image-status {
    font-size: 20px;
    color: #686E77
}

.image-tags a {
    text-decoration: none
}

.comments-block .media-heading a {
    color: #444
}

.comments-block .comment-time {
    color: #444;
    font-size: 12px
}

.upload-preview canvas {
    width: 100% !important
}

@font-face {
    font-family: entypo;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: 400;
    font-style: normal
}

[class*=" entypo-"], [class^=entypo-] {
    font-family: entypo;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.entypo-tumblr:before {
    content: "\e600"
}

.entypo-pinterest:before {
    content: "\e601"
}

.entypo-facebook:before {
    content: "\e602"
}

.entypo-twitter:before {
    content: "\e603"
}

.entypo-rss:before {
    content: "\e604"
}

.entypo-gplus:before {
    content: "\e605"
}

ul.action-bar {
    list-style: none;
    margin: 0;
    padding: 0
}

.action-bar li {
    float: left
}

.action-bar a {
    color: #fff;
    display: block;
    font-size: 20px;
    width: 60px;
    height: 46px;
    line-height: 46px;
    position: relative;
    text-align: center
}

.action-bar a:hover {
    text-decoration: none
}

.twitter, .twitter .tooltip, .twitter .tooltip:before {
    background: #6CDFEA
}

.twitter:hover {
    color: rgba(0, 0, 0, .5)
}

.facebook, .facebook .tooltip, .facebook .tooltip:before {
    background: #3B5998
}

.facebook:hover {
    color: rgba(0, 0, 0, .5)
}

.gplus, .gplus .tooltip, .gplus .tooltip:before {
    background: #E34429
}

.gplus:hover {
    color: rgba(0, 0, 0, .5)
}

.pintrest, .pintrest .tooltip, .pintrest .tooltip:before {
    background: #CD1F28
}

.pintrest:hover {
    color: rgba(0, 0, 0, .5)
}

.user-profile-avatar {
    margin-right: 10px
}

.replybutton {
    cursor: pointer
}

.profile-social {
    text-align: center
}

.colorPalette {
    height: 20px;
    width: 35px;
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAADICAYAAADodcFZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNrtzCEBAAAIAzCa0D/lKQAOOTG7StKfSigUCoVCoVAoFAqFQqFQKBQKhUKhUCgUCoVC4RW+EgqFQqFQKBQKhUKhUCgUCoVCoVAoFAqFQqFQuBovnqYSKsv8GAAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-position: 0 50%
}

.blog-title {
    font-size: 24px
}

.blog-meta {
    margin-bottom: 25px
}

.util-list {
    position: absolute;
    right: 17px;
    top: 10px
}

.util-list a {
    color: #444
}

/* New media query for smaller screens */
@media (max-width: 440px) {
    .util-list {
        position: static;
        text-align: center;
        margin-top: 10px;
    }
}

.flash_message {
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 10000;
    border: none;
    border-radius: 0
}

@media (max-width: 990px) {
    .util-list {
        top: 0
    }
}

.snap-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    z-index: 2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.snap-drawers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto
}

.snap-drawer {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: auto;
    width: 265px;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.snap-drawer-left {
    left: 0;
    z-index: 1
}

.snap-drawer-right {
    right: 0;
    z-index: 1
}

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
    display: none
}

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
    width: 100%
}

.right-ribbon {
    font-size: 16px;
    color: #fff;
    background-color: #011027;
    border-bottom: 1px;
    border-top: 1px;
    height: 24px;
    width: 81px;
    float: right;
    text-align: center;
    right: 11px;
    top: 24px;
    position: absolute;
    z-index: 1;
/*    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5) */
}

.right-ribbon:before {
    display: block;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: -23px;
    border-top: 24px solid transparent;
    border-right: 24px solid #011027
}

.right-ribbon:after {
    display: block;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: 80px;
    border-top: 24px solid transparent;
    border-left: 24px solid #011027
}


  /* SUSCRIBIRSE PRINCIPIO */
/* Removed the @import lines for Montserrat */
.form-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 30px;
  padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px);
  max-width: none;
  border-radius: 6px;
  box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25);
}
.form-preview,
.form-preview *{
  box-sizing: border-box;
}
.form-preview .preview-heading {
  width: 100%;
}
.form-preview .preview-heading h5{
  margin-top: 0;
  margin-bottom: 0;
}
.form-preview .preview-input-field {
  margin-top: 20px;
  width: 100%;
}
.form-preview .preview-input-field input {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  border: 2px solid #e9e8e8;
  background-color: #fff;
  outline: none;
  /* Changed the font-family */
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.form-preview .preview-input-field input::placeholder {
  color: #000000;
  opacity: 1;
}
.form-preview .preview-input-field input:-ms-input-placeholder {
  color: #000000;
}
.form-preview .preview-input-field input::-ms-input-placeholder {
  color: #000000;
}
.form-preview .preview-submit-button {
  margin-top: 10px;
  width: 100%;
}
.form-preview .preview-submit-button button {
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 6px;
  line-height: 0px;
  /* Changed the font-family */
  font-family: "Arial", sans-serif;
}
.form-preview .preview-submit-button button:hover {
  cursor: pointer;
}
  /* SUSCRIBIRSE FINAL */
  
/* Figcaption */
#galley figure .figcaption{
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,0) 41%, rgba(0,0,0,1) 66%);
}



/* Heading */
.col-md-9 .clearfix h3{
 font-size:24px;
}

/* CSS for the follow.it suscription form */
.form-preview {
  background-color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  position: relative;
}

.preview-heading h5 {
  text-transform: none !important;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  color: rgb(0, 0, 0);
  font-size: 16px;
  text-align: center;
}

.preview-input-field input[type="email"] {
  text-transform: none !important;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  color: rgb(0, 0, 0);
  font-size: 14px;
  text-align: center;
  background-color: rgb(255, 255, 255);
}

.preview-submit-button button {
  text-transform: none !important;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
  background-color: rgb(0, 0, 0);
}




/* Jumbotron Sígueme */
.col-md-3 .clearfix .jumbotron{
 position:relative;
 top:25px;
 background-color:#ffffff;
 border-top-left-radius:50px;
 border-bottom-right-radius:50px;
 transform:translatex(0px) translatey(0px);
}

@media (min-width:768px){

 /* Jumbotron */
 .col-md-3 .clearfix .jumbotron{
  padding-left:23px;
  padding-top:60px;
  padding-right:23px;
 }
 
}


/* Container for the buttons */
.share-container {
  text-align: center;
  margin-top: 20px;
}

/* General styles for buttons within share-container */
.share-container button {
  font-size: 15px;
  padding: 10px 20px;
  margin: 5px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
}

/* Specific styles for each button within share-container */
.share-container #btn-share {
  background-color: #666; /* Dark gray */
  color: #fff; /* White */
}

.share-container #btn-share-image {
  background-color: #ccc; /* Light gray */
  color: #333; /* Almost black */
}

/* Hover styles for buttons within share-container */
.share-container button:hover {
  background-color: #999; /* Medium gray */
  color: #fff; /* White */
}

/* Share container */
.col-md-9 .clearfix .share-container{
 transform:translatex(0px) translatey(0px);
 padding-bottom:34px;
}

/* Descripion article */
.descripion-article{
 font-size:16px;
 transform:translatex(0px) translatey(0px);
}
/* New styles for anchor tags within description article */
.descripion-article a {
  overflow-wrap: break-word;
}

/* Heading H1 */
.container h1{
 text-align:left;
}

/* Descripion article border for mobile*/
.col-md-9 .clearfix .descripion-article{
 padding-left:7px;
 padding-right:7px;
}

/* Descripion article */
.col-md-9 .clearfix .descripion-article{
 padding-bottom:34px;
}


/* Block Quote */
.col-md-9 .clearfix blockquote{
 background-color:#ffffff;
 border-top-left-radius:32px;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:50px;
 box-shadow:4px 4px 9px 0px #a57d7d;
 padding-left:45px;
 padding-right:41px;
 padding-top:22px;
 padding-bottom:25px;
 font-family:Georgia,Times,'Times New Roman',serif;
 font-style:italic;
 position: relative;
}
/* Block Quote */
.col-md-9 .clearfix blockquote::before {
    content: "";
    position: absolute;
    top: 22px;  /* Add padding to the top, same as the text padding-top */
    left: 20px;  
    bottom: 25px;  /* Add padding to the bottom, same as the text padding-bottom */
    width: 3px;
    background-color: #d3c9c9;
}



/* List */
.col-md-9 div ul{
 font-size:20px;
 line-height:1.5em;
}

/* General styles for video containers */
.video-container {
    margin: 0 auto; /* To center */
}
iframe {
    width: 100%;
  /*  height: auto; */
}

/* Specific styles for YouTube Classic */
.video-container.video-classic {
    max-width: 847px;
}

/* Specific styles for YouTube Shorts */
.video-container.video-shorts {
    max-width: 366px;
}
/* Video social media */
.container .video-social-media{
 background-color:#ffffff;
 border-top-left-radius:50px;
 border-bottom-right-radius:50px;
}
/* Block Quote */
.col-md-9 .video-social-media blockquote{
 padding-left:0px;
 padding-right:0px;
}

/* Sprites Cosas Para Mi Muro and social logos for videos */

.cpmmsprite_ {
    background-image: url(../extras/cpmm-sprite-sheet.png);
    background-repeat: no-repeat;
    display: block;
}

.cpmmsprite_-cosasparamimuro {
    width: 159px;
    height: 29px;
    background-position: -10px -10px;
}

.cpmmsprite_-facebook-round {
    width: 49px;
    height: 49px;
    background-position: -189px -10px;
}

.cpmmsprite_-facebook-square {
    width: 49px;
    height: 49px;
    background-position: -258px -10px;
}

.cpmmsprite_-instagram-square {
    width: 49px;
    height: 49px;
    background-position: -327px -10px;
}

.cpmmsprite_-instagram-square-black {
    width: 49px;
    height: 49px;
    background-position: -396px -10px;
}

.cpmmsprite_-tiktok-round {
    width: 49px;
    height: 49px;
    background-position: -465px -10px;
}

.cpmmsprite_-tiktok-square {
    width: 49px;
    height: 49px;
    background-position: -534px -10px;
}

.cpmmsprite_-youtube_round-square{
    width: 49px;
    height: 49px;
    background-position: -603px -10px;
}

.cpmmsprite_-youtube-round-black {
    width: 49px;
    height: 49px;
    background-position: -672px -10px;
}

.cpmmsprite_-youtube-shorts {
    width: 39px;
    height: 49px;
    background-position: -741px -10px;
}
.cpmmsprite_-youtube_round-square {
    width: 49px;
    height: 49px;
    background-position: -603px -10px;
}

.cpmmsprite_-youtube-round {
    width: 49px;
    height: 49px;
    background-position: -603px -10px;
}
.cpmmsprite_-youtube-round {
    width: 49px;
    height: 49px;
    background-position: -603px -10px;
}
.cpmmsprite_-youtube-square {
    width: 49px;
    height: 49px;
    background-position: -603px -10px;
}


.cpmmsprite_-youtube_round_black-square {
    width: 49px;
    height: 49px;
    background-position: -672px -10px;
}

.cpmmsprite_-youtube_shorts-square {
    width: 39px;
    height: 49px;
    background-position: -741px -10px;
}
.video-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Adjust the gap between icons */
	padding-top:18px;
	padding-bottom:15px;
}

.video-icon {
    position: absolute;
    bottom: 88px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

}


/* BB code */
.bb-special {
    background-color: white;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
}

.bb-special2 {
	font-size:19px;
}
.bb-smaller {
    font-size: 0.9em;
    padding: 5px;
    margin: 5px 0;
}

/* Smaller text for gallery img */
/* Heading */
#galley figure h3{
 font-size:14px;
}

.label-highlight {
    background-color: #4e7fca; /* category tag color */
}