/*
 Theme Name:   RA
 Description:  RA
 Template:     colormag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  colormag-child
*********/

@import url("../colormag/style.css");
@font-face {
  font-family: "Impact";
  src: 
  url("./fonts/ImpactLTStd.otf") format("opentype"),
  url("./fonts/impact-webfont.woff")
}
body {
  background: white;
}

/********* featured image Aspect Ratio *********/
.blog .featured-image > a,
.search .featured-image > a,
.widget_featured_posts .first-post figure a {
  position: relative;
  display: block;
  padding-top: 62%;
  overflow: hidden;
}

.blog .featured-image a img,
.search .featured-image a img,
.widget_featured_posts .first-post figure a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog .featured-image a img:hover,
.search .featured-image a img:hover,
.widget_featured_posts a img:hover,
.wpp-list a img:hover,
.widget_nav_menu li.menu-item:hover,
.widget_highlighted_posts .single-article:hover {
    transition: box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

/********* main page post layout *********/
.ra.blog .post {
  width: 30% !important;
  float: left;
  clear: none;
}

.ra.blog .post:nth-child(3n-1) {
  margin-left: 5%;
}

.ra.blog .post:nth-child(3n) {
  float: right;
}

.ra.blog .post:nth-child(3n-2) {
  clear: left;
}
.main-page .previous {
  padding: 10px;
  background-color: black;
  float: right;
}
.main-page .previous a {
  color: white;
}

/********* main page post readmore *********/


/********* homepage sections *********/
.home section,
.home h3.widget-title,
.home #main,
.home .widget_highlighted_posts,
.home .widget_nav_menu { 
  margin-bottom: 25px;
  padding-bottom: 0;
}

/********* main page headers *********/
.home h3.widget-title {
  border-bottom: none;
  text-align: center;
  font-size: 34px;
  height: 1.2em;
}

.home h3.widget-title::after {
  content: " ";
  background: black;
  height: 3px;
  display: block;
  margin-top: -.5em;
}

.home h3.widget-title span {
  font-family: serif;
  background-color: white;
  color: black;
  padding: 0 10px;
  display: inline;
}

/********* main page post style *********/
#content .post {
  box-shadow: none;
}
.ra.home #content .post .entry-title {
  font-size: 20px;
}
.ra.home #content .post .entry-content {
  margin-top: 10px;
}
.ra.home #content .post .entry-content p {
  font-size: 12px;
}
#content .post .article-content {
  padding: 0
}

/********* main page post metadata *********/
.ra.blog .article-container .above-entry-meta,
.ra.blog .widget_featured_posts .below-entry-meta,
.ra.blog .widget_featured_posts .above-entry-meta,
.ra.blog .article-container .below-entry-meta .tag-links,
.ra.blog .article-container .below-entry-meta .posted-on .fa-calendar-o,
.ra.blog .article-container .more-link,
.ra.search .article-container .below-entry-meta,
.ra.search .article-container .above-entry-meta {
  display: none;
}

.ra.blog .article-container .below-entry-meta {
  position: relative;
  height: 0;
  padding-bottom: 0 !important;
  left: -5px;
  top: -35px;
}

.ra.blog .article-container .below-entry-meta .posted-on {
  background-color: #333;
  font-weight: bold;
  padding: 5px 10px;
}
.ra.blog .article-container .below-entry-meta .posted-on a {
  color: #ddd;
}

/********* featured posts style *********/
.widget_featured_posts .first-post {
  width: 60%;
}
.widget_featured_posts .first-post img {
  width: 100%;
}
.widget_featured_posts .following-post {
  width: 38%;
}
.widget_featured_posts .following-post figure {
  width: 55%;
}
.widget_featured_posts .following-post figure a {
  float: left;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
  width: 100%;
}
.widget_featured_posts .following-post figure a img {
  width: 100%;
}
.widget_featured_posts .first-post { margin-bottom: 0px }

.widget_featured_posts .first-post .entry-title { margin-bottom: 10px }

.widget_featured_posts .following-post .single-article:first-child {
  margin-bottom: 5%;
}
.widget_featured_posts .following-post .single-article:first-child .entry-title {
  padding: 0;
}
.widget_featured_posts .following-post .single-article:nth-child(2) figure {
  width: 100%;
  margin-bottom: 0;
}
.widget_featured_posts .following-post .single-article:nth-child(2) .article-content {
  float:left;
  padding: 10px;
  width: 100%;
  background-color: #fff3;
}
.widget_featured_posts .following-post .single-article:nth-child(2) .article-content .entry-title {
  padding: 0;
  font-size: 2em;
  margin-top: -.2em;
}
/********* Campaign section *********/
.home #menu-campagnas,
.home .widget_highlighted_posts .widget_highlighted_post_area {
  text-align: justify;
}

.home #menu-campagnas:after,
.home .widget_highlighted_posts .widget_highlighted_post_area:after {
  content: ' ';
  display: inline-block;
  width: 100%;
}

.home #menu-campagnas .menu-item,
.home .widget_highlighted_posts .single-article {
  float: none;
  width: 13vw;
  height: 13vw;
  display: inline-block;
  margin: 0;
}

.home #menu-campagnas .menu-item span {
  display: none;
}

.home .widget_highlighted_posts .single-article figure {
  height: 100%;
}

.home #menu-campagnas .menu-item img,
.home .widget_highlighted_posts .single-article figure a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.home #menu-campagnas .menu-item a.menu-image-title-after {
  height: 13vw;
  width: 13vw;
  display: inline-block;
  position: relative;
}
.home #menu-campagnas .menu-item .menu-image-title {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 5% 10px 5%;
  background: -webkit-linear-gradient(top, rgba(200, 200, 200, 0.8), rgba(200, 200, 200, 0));
  background: -o-linear-gradient(bottom, rgba(200, 200, 200, 0.8), rgba(200, 200, 200, 0));
  background: -moz-linear-gradient(bottom, rgba(200, 200, 200, 0.8), rgba(200, 200, 200, 0));
  background: linear-gradient(to bottom, rgba(200, 200, 200, 0.8), rgba(200, 200, 200, 0));
  color: black;
}


.widget_highlighted_posts .article-content .below-entry-meta{
  display: none;
}
.widget_highlighted_posts .article-content {
  padding-right: 0 5% 10px 5%;
  background-color: rgba(200,200,200,0.5);
}

/********* Popular Posts *********/
.home .popular-posts .wpp-post-title {
  font-size: 20px;
}


/********* Menus and header *********/
#wprmenu_bar .menu_title {
  text-align: center;
  display: none;
}
#wprmenu_bar.is-sticky .menu_title {
  display: block;
}
#wprmenu_bar .menu_title a {
  line-height: 1.3em;
  top: 0px;
}
.main-navigation .menu_title {
  display: none;
}
#site-navigation-sticky-wrapper.is-sticky .menu_title {
  display: block;
  position: absolute;
  left: 45%;
}
.main-navigation .menu_title a:hover {
  background-color: transparent !important;
}
.main-navigation .menu_title a {
  letter-spacing: 1.2px;
  line-height: 1.3em;
  font-size: 150%;
  padding-bottom: 0;
}
.main-navigation ul li.current-menu-item>a {
  background-color: #c7c6c6 !important;
}
.menu_title a,
#site-title a {
  color: #45002d !important;
  font-family: "Impact",serif !important;
}
#site-title {
  float: left;
  font-size: 42px;
  margin: 3px 0 -10px;
}
#header-logo-image img {
  height: 100px;
  width: auto;
}
#header-text {
  margin-top: 20px;
}
.main-navigation #menu-superior .sub-menu a {
  background-color: #e4e4e4;
}
#site-navigation-sticky-wrapper .menu_title {
  display: none !important;
}
@media (max-width: 724px) {
  #site-title {
    text-align: center;
    float: none;
  }
  #site-description {
    text-align: center;
    margin: 0 !important;
    width: 100%;
  }
  .home #content section:nth-child(2),
  .home .widget_featured_posts {
    display: none;
  }
  .home #content .post {
    width: 100% !important;
    float: left;
    margin-left: 0;
  }
  .home #main,
  .home .advertisement_above_footer {
    margin: auto 3%;
  }
  .home #menu-campagnas .menu-item,
  .home .widget_highlighted_posts .single-article {
    float: left;
    width: 26vw;
    height: 26vw;
    margin-left: 5vw;
    margin-right: 0;
  }
  .home #menu-campagnas .menu-item a.menu-image-title-after {
    height: 26vw;
    width: 26vw;
  }
  .home #menu-campagnas .menu-item:first-child,
  .home .widget_highlighted_posts .single-article:first-child {
    margin-left: 0;
  }
  .home #menu-campagnas .menu-item:nth-child(4),
  .home .widget_highlighted_posts .single-article:nth-child(4) {
    clear: left;
    margin-left: 16vw;
  }
  .home #menu-campagnas .menu-item:nth-child(4),
  .home #menu-campagnas .menu-item:nth-child(5),
  .home .widget_highlighted_posts .single-article:nth-child(4),
  .home .widget_highlighted_posts .single-article:nth-child(5) {
    margin-top: 5vw;
  }
  .menu-categorias-container li.menu-item {
    width: 47%;
    margin-right: 0;
    margin-bottom: 6%;
  }
  .menu-categorias-container li.menu-item:nth-child(2n+1) {
    clear: left;
    margin-right: 6%;
  }
  .home ul.wpp-list > li { 
    width: 100%;
    margin-bottom: 10%;
  }
  .home ul.wpp-list li:nth-child(n+4) {
    display: none;
  }
}
#wprmenu_bar {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
}
.cbp-spmenu {
  padding-left: 10px;
}
.cbp-spmenu .social-icons {
  float: left;
}

.cbp-spmenu .social-icons li {
  float: left;
}
#site-description {
  font-family: sans; 
  font-weight: bold;
  float: left;
  margin: .3em 0 .3em 1.5em;
  line-height: 1.3em;
  font-size: 1.1em;
}
.conf_flag {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9a000+0,b9a000+32,aa0000+33,aa0000+33,aa0000+65,1f6000+66,1f6000+100 */
  display: inline-block;
  height: 1.2em;
  background: #b9a000; /* Old browsers */
  background: -moz-linear-gradient(top, #b9a000 0%, #b9a000 37%, #aa0000 38%, #aa0000 58%, #1f6000 59%, #1f6000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b9a000 0%,#b9a000 37%,#aa0000 38%, #aa0000 58%,#1f6000 59%,#1f6000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b9a000 0%,#b9a000 37%,#aa0000 38%, #aa0000 58%,#1f6000 59%,#1f6000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9a000', endColorstr='#1f6000',GradientType=0 ); /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}
.main-navigation #menu-superior a {
  color: #717171;
}

.main-navigation #menu-superior .fa {
  color: #717171;
}

.main-navigation #menu-superior a:hover {
  background-color: #aaa5;
}
.main-small-navigation ul.social-icons {
  float: left;
  clear: both;
  margin: 5px 0 10px 10px;
}
.main-small-navigation ul.social-icons li {
  float: left;
}
.main-small-navigation ul.social-icons li a {
  padding-left: 0;
}

.site-header {
  border-bottom: 2px solid #bbb;
}
.site-header .menu-toggle:hover {
  background-color: #aaa5 !important;
}
.site-header .menu-toggle:before {
  color: #717171;
}
#site-navigation {
  border-top: 4px solid #000 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
  background-color: #fff;
}

#header-text-nav-wrap {
  padding: 20px 0;
}

.menu-super_menu-container {
  position: fixed;
  background-color: #cdad00; /********* Yellow *********/
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .menu-super_menu-container {
  top: 32px;
}

/*.is-sticky #site-navigation,
.site-header {
  margin-top: 20px;
}*/
/********* Menu end *********/

/********* Homepage categories *********/
.menu-categorias-container li {
  float: left;
  display: block;
  margin: 0 4% 4% 0;
  width: 22%;
}

.menu-categorias-container li:nth-child(4n) {
  margin-right: 0;
}

.menu-categorias-container li:nth-child(n+4) {
  margin-bottom: 0;
}

.menu-categorias-container li a {
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: center;
}
.menu-categorias-container li a img{
  padding-right: 0 !important;
  margin: 0;
}

/********* Popular posts in home *********/
.home .wpp-list li {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  clear: none;
}

.home .wpp-list li:nth-child(3n) {
  margin-right: 0;
}

.home .wpp-list li img,
.home .wpp-list li a:first-child {
  width: 100%;
}

.home .wpp-list li > *{
  float: left;
}
.home .wpp-post-title {
  color: black;
  font-size: 2em;
}

/******** Social Icons **********/
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

.main-navigation .footer-social-icons,
.social-icons {
  float: right;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
    padding: 6px 0;
}
.main-navigation #menu-superior .social-icons a:hover {
  background-color: transparent;
}
.social-icons a i {
    padding:8px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.social-icons a i.fa-twitter {
    padding:8px 10px;
}
.fa-facebook:hover {    background-color: #3d5b99;}
.fa-twitter:hover {    background-color: #00aced;}
.fa-rss:hover {    background-color: #eb8231;}
.fa-youtube-play:hover {    background-color: #e64a41;}
.fa-instagram:hover {    background-color: #a67658;}
.fa-linkedin:hover {    background-color: #0073a4;}
.fa-google-plus:hover {    background-color: #e25714;}
.fa-envelope:hover {    background-color: #aaa;}

/* MENU SEARCH */
.menu-primary-container .my-nav-menu-search {
  width: 50px;
  height: 42px;
  float: right !important;
}
.menu-primary-container .search-form {
  position: absolute;
  right: 7px;
}
.menu-primary-container .search-field {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 42px;
  margin: 0;
  padding: 0 0 0 38px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition:         width 400ms ease, background 400ms ease;
  width: 0;
  z-index: 100;
  color: black;
}
.menu-primary-container .search-field:focus {
  background-color: #e6e6e6;
  cursor: text;
  outline: 0;
  width: 230px;
  margin-right: -7px;
}
.menu-primary-container .search-submit {
  display: none !important;
}
.menu-primary-container input[type="search"] {
  -webkit-appearance: textfield;
}
.search-form input[type="submit"] {
  background-color: black;
}
.main-small-navigation .my-nav-menu-search {
  float: left !important;
  margin-left: 10px;
}
.main-small-navigation .my-nav-menu-search .search-form {
  right: inherit;
}
.fa-search {
  position: absolute;
  padding: 7px;
  z-index: 1000;
}
.fa-search:before:focus {
  color: black;
  z-index: 1000;
}
.fa-search:before {
  font-size: 28px;
}

/************* Second page **********/
.home.paged .widget_featured_posts,
.home.paged .widget_highlighted_posts,
.home.paged .widget_nav_menu,
.home.paged .popular-posts,
.home.paged .widget_text {
  display: none;
}

/************* POST ****************/
.home .default-wp-page .previous {
  padding: 15px;
}

.default-wp-page .next,
.default-wp-page .previous {
  padding: 20px 0;
  clear: both;
}

.related-posts .below-entry-meta,
.related-posts-main-title .fa-thumbs-up {
  display: none;
}
.related-posts-main-title span {
  padding-left: 0;
}
.post .below-entry-meta .comments,
.post .below-entry-meta .byline {
  display: none;
}
.single-post .related-posts .related-posts-thumbnail,
.single-post .related-posts .entry-title {
  text-align: center;
}
@media (max-width: 724px) {
  .single-post .widget_text {
    display: none;
  }
}
#content .post .entry-content p {
  text-align: justify;
}
#content .entry-content blockquote {
  background-color: #e2e2e2;
  color: #444343;
  padding-top: 25px;
}
#content .entry-content blockquote a {
  color: #000;
}
#content .entry-content blockquote p {
  padding-top: 0;
  padding-left: 5px;
}
#content .entry-content blockquote p:before {
  font-size: 25px;
  top: -10px;
  color: #444343;
}

/************ PÁGINA ****************/
.page .featured-image {
  text-align: center;
}

/************ COOKIES ****************/
.cdp-cookies-alerta p {
  width: 90%;
  float: left;
}
.cdp-cookies-alerta .cdp-cookies-boton-cerrar {
  float: right;
  margin-top: 5px;
}

/*********** FOOTER *****************/
.tg-footer-main-widget,
.tg-footer-other-widgets {
  width: 48%;
}

.tg-footer-main-widget {
  margin-right: 4%;
}
.tg-footer-main-widget #site-description {
  color: #e6e6e6;
}

.tg-footer-main-widget .menu_title {
  float: left;
  font-size: 2.2em;
}
.tg-footer-main-widget .menu_title a {
  color: #c7c7c7 !important;
}

.tg-footer-main-widget .menu_title .conf_flag {
  height: 1.4em;
}

.footer-socket-wrapper {
  padding: 0;
}

/*************** CALENDAR **************/
.ai1ec-agenda-view {
	padding-bottom: 20px;
	border-bottom: 3px solid black;
	margin-bottom: 25px;
}
.ai1ec-calendar-view > .ai1ec-clearfix {
  display: none;
}
.ai1ec-agenda-view .ai1ec-event {
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  height: 15vw;
  margin: 0 0 10px 0;
}
.ai1ec-agenda-view .ai1ec-date {
  position: relative;
}
.ai1ec-agenda-view .ai1ec-date-events {
  margin: 0;
}
.ai1ec-agenda-view .ai1ec-date-title {
  position: absolute;
  z-index: 100;
  right: 5px;
  top: 10px;
  border: none;
}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-heade {
  position: absolute;
  bottom: 15px;
  z-index: 10;
  left: 15px;
}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {
  pointer-events: none;
  color: #2b2b2b !important;
  font-size: 2em;
  z-index: 100;
  position: absolute;
  margin: 15px;
  text-shadow: 1px 1px 0 #a7a7a7;
  width: 90%;
}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-heade .ai1ec-event-toggle,
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-time,
.ai1ec-agenda-view .ai1ec-event-summary-footer {
  display: none;
}
.ai1ec-agenda-view .ai1ec-event-avatar,
.ai1ec-agenda-view .ai1ec-event-description {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  max-width: none;
}
.ai1ec-agenda-view .ai1ec-event-avatar img,
.ai1ec-agenda-view .ai1ec-event-description img{
  max-height: none;
  width: 100%;
  margin-top: -50% !important;
  filter: blur(7px);
}

.ai1ec-calendar-toolbar {
  border: none;
}

.ai1ec-calendar .ai1ec-pull-left,
.ai1ec-calendar .ai1ec-subscribe-container {
  display: none;
}
@media (max-width: 724px) {
  .ai1ec-agenda-view {
    font-size: 0.5em;
  }
  .ai1ec-agenda-view .ai1ec-date-title {
    top: 0;
  }
  .ai1ec-agenda-view .ai1ec-event .ai1ec-event-heade {
    bottom: 5px;
    left: 5px;
  }
  .single-post .ai1ec-agenda-view .ai1ec-event {
    height: 15vw !important;
  }
}
.single-post .ai1ec-agenda-view .ai1ec-event {
  height: 7vw;
}
.single-ai1ec_event .ai1ec-agenda-view,
.single-post .ai1ec-agenda-view {
  font-size: 0.7em;
}
.single-ai1ec_event .ai1ec-agenda-view .ai1ec-event-title,
.single-post .ai1ec-agenda-view .ai1ec-event-title {
  width: 80%;
}
.single-ai1ec_event .ai1ec-actions {
  display: none;
}
#content .post .entry-content p {
  font-size: 1.2rem;
}