/*
Theme Name: Avoir Child
Theme URI: http://plethorathemes.com/avoir/
Description: Child theme for Avor (Plethora Themes)
Version: 1.0.0
Author: Plethora Themes
Author URI: http://plethorathemes.com
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-options, translation-ready
Template: avoir
*/
/* DO YOUR STUFF AFTER THIS !!  */

/*** THE STORIES ***/
.row_country .wpb_column > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

.story_short_desc {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
}

.after_link figure::after {
    background: rgba(255, 255, 255,.7);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 25%;
    top: 0;
    color: black;
    left: 0;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    transition: all 600ms ease;
}

.after_link figure:hover::after {
    opacity: 1;
}

.topic_city_wrapper p, 
.topic_city_wrapper h4 {
    display: inline-block;
}

.topic_city_wrapper p {
    display: inline-block;
    float: right;
    margin-right: 20px;
    color: rgba(255,255,255,.9);
}

.row_country table td {
    border: none;
}

.country_svg_wrapper {
    margin: 0;
}

.story_short_desc {
    font-size: 14px;
}

.debug_borderDISABLED {
    border: 1px solid #e6e6e6;
}

/*** SVG ***/
.MAP_BOX {
    fill: #FF0000;
}
.MAP_BOX,
.MAP_TITLE {
    visibility: hidden;
}
.MAP_TITLE {
    font-family: "OpenSans-Bold";
    font-size: 11;
}
svg.main_map--hidden {
    opacity: 0;
}
svg.main_map {
    transition: opacity 3s ease;
}

svg.main_map text{
    fill: #FF0000;
    visibility: hidden;
}
svg.main_map text#RUSSIA_TITLE {
    fill: #FFFFFF;
}
svg.main_map #RUSSIA {
    transition: fill 4s ease;
}
.MAP_COUNTRY {
    fill: #e6e6e6;
    fill-rule: evenodd;
    clip-rule: evenodd;
}
.animated-move { 
    visibility: visible !important;
    animation: fademove 4s ease 1; 
}
.animated-fade {
  fill: #ff0000;
  visibility:visible !important;
  animation: fade 6s ease 1;
}
@keyframes fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
} 
@keyframes fademove {
  0% { opacity: 0; transform:translateY(50px); }
  100% { opacity: 1; transform:translateY(0px); }
}