/**
 * @version		3.3
 * @package		Simple RSS Feed Reader (module)
 * @author    	JoomlaWorks - http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */

/* Template: Default */

/* Common */
a:active,
a:focus {outline:0;}
img {border:none;}
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:0;}

/* Feed List */
div.srfrContainer {}
div.srfrContainer ul.srfrList {list-style:none;padding:0;margin:0;}
div.srfrContainer ul.srfrList li {clear:both;padding:4px;margin:2px 0;border-bottom:1px dotted #ccc;}
div.srfrContainer ul.srfrList li.srfrRow {}
	div.srfrContainer ul.srfrList li.srfrRowIsEven {border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;}
	div.srfrContainer ul.srfrList li.srfrRowIsOdd {border-bottom: none;border-top: none;}
div.srfrContainer ul.srfrList li img.srfrImage {margin:4px auto;padding:0;display:block;width:100%;height:auto;}
div.srfrContainer ul.srfrList li span.srfrFeedSource {}
div.srfrContainer ul.srfrList li span.srfrFeedItemDate {color:#999;}

.srfrList {    background-color: #f3f3f3;    padding: 15px 0px;    overflow: hidden;}
img.srfrImage {    max-width: 100%;    top: 13%;    transform: translate(0%, -13%);}
span.thumbnail_youtube {    display: block;    overflow: hidden;   height: 190px;}
h3.videoTitle {       margin: 4px 0px;    font-size: 15px;    text-align: center;}
h3.videoTitle a {    color: #1fabc6;    font-weight: 300; }
h3.videoTitle a:hover {color: #ad7c27;}
.srfrContainer h2 {
    font-size: 28px;
    color: #9e9e9e;
    border-bottom: 1px solid #ccc;
    margin: 13px 0 12px 0;
    padding: 8px 0 6px 8px;
}

.video-reel-container .videos .video .thumbnail {    position: relative;}
.thumbnail {    padding: 0px; margin-bottom: 0px;}

.video-reel-container .videos .video .thumbnail:before {
    content: "";
    position: absolute;
    -webkit-transition: .25s;
    transition: .25s;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: calc( 100% - .75rem);
    height: calc( 100% - .75rem);
    background: rgba(0, 0, 0, 0.4);
}
a:hover .video .thumbnail:before {    background: rgba(0, 0, 0, 0.1);}
a:hover .video .thumbnail:after {
   /* content: "\e705";
	font-family: 'icomoon';*/
    font-size: 4.25rem;
    
    color: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -webkit-transition: .25s;
    transition: .25s;
}

*:after, *:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.video-reel-container .videos .video .thumbnail:after {
    content: "\e705";
	font-family: 'icomoon';
    font-size: 4.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -webkit-transition: .25s;
    transition: .25s;
}

.video-reel-container .videos .video img {    -o-object-fit: cover;    object-fit: cover;    height: 14em;    padding: .25em;    background: white;    -webkit-transition: .25s;    transition: .25s;
    width: 100%;	vertical-align: middle;	max-width: 100%;}
h3.videoTitle {       margin: 4px 0px;    font-size: 15px;    text-align: center;}
.videos a {    color: #1fabc6;    font-weight: 300; }
.videos a:hover {color: #ad7c27;}

a.view-more {    margin: auto;    background: #01AAE3;    padding: .5rem 1em;    color: white;    text-transform: uppercase;    width: 15em;
    text-align: center;    font-family: Roboto, Arial;	text-decoration: none;}
section.video-reel-container h1 {    font-size: 34px;    color: #9e9e9e;    border-bottom: 1px solid #ccc;    margin: 13px 0 12px 0;    padding: 8px 0 6px 8px; text-align: center; font-weight: 200;}
.elementor-widget-container {    display: block;    overflow: auto;}
.boton_vermas {    width: 100%;    text-align: center;     overflow: hidden; margin-top: 20px;}
.video-responsive {    height: 0;    overflow: hidden;    padding-bottom: 51.25%;    padding-top: 30px;    position: relative;    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;    }

.modal-dialog.modal-dialog-centered {    max-width: 810px;}
.modal-body {    padding: 0px; background: black;}
.modal-content { overflow: hidden;    border-radius: 0px;    overflow: hidden;    border: 0px; background-color: rgb(255, 254, 254);}
.modal-header {   padding: 0px;    border: 0px;    min-height: 40px;    background-color: black;}
button.close {        position: absolute;    z-index: 100;    right: 15px;    top: 6px;    color: white;    opacity: inherit;}
button.close span {    font-size: 150%;}
.modal {padding-right: 0px!Important;}