/*
Theme Name: GeoPolitical Futures
Theme URI: http://underscores.me/
Author: Intentional Gravity
Author URI: http://intentionalgravity.com/
Description: Custom built HTML5 CSS3 theme.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpf-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

GeoPolitical Futures is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/



/* -====== EBIG ======- */
/* Edited 8th August 2018, by EBIG Team (danm) */
/* Homepage changes */

/* Hamburger menu - make the mobile hamburger menu appear on all resolutions. */

.navigation.header__navigation {
	display: flex;
    justify-content: flex-end;
    flex-grow: 100;
}
.header__logo--desktop {
    border-right: none !important;
    z-index: 99;
}
header {
	border-bottom: none !important;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.header__section-bottom {
	border-bottom: none !important;
}
.header__section-inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 0 10px !important;
}
.header__sections {
    max-height: none !important;
    overflow: visible !important;
    background-color: transparent !important;
}
.header__section-top .header__section-inner {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}
.header__account-button {
    padding: 0 25px !important;
    color: #000 !important;
    background-color: transparent !important;
}
.header__actions {
    height: 40px !important;
}
.header .search {
    max-width: 185px !important;
}
.search__form {
    padding: 0 !important;
    height: 40px !important;
    background-color: transparent !important;
}
.header__logo--desktop {
    display: inline-block !important;
}
.header__account-button-icon {
    color: #9d9d9d !important;
}
.header__account-button {
    color: #000 !important;
}
.header__action {
    display: inline-block !important;
    width: auto !important;
}
.header__action-link {
    height: 30px !important;
    padding: 0 25px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
    color: #383838 !important;
}
.header__section-top {
    border-bottom: none !important;
	background: #fff;
}
.header__action-link {
    height: 30px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}
.header__action-icon {
    font-size: 20px !important;
    color: #0062a7 !important;
}
.header__actions {
    height: 30px !important;
}
.header__action {
    border-right: none !important;
}
.header__account-button {
    font-size: 13px !important;
    line-height: 30px !important;
}
.header__account-button {
    padding: 0 15px !important;
    -webkit-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.header__account-button-icon {
    font-size: 20px !important;
    color: #0062a7 !important;
}
.search__form {
    height: 30px !important;
}
.header__account-button:hover {
    background-color: #e6f0f6 !important;
    -webkit-transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.search__field-input {
    height: 30px !important;
    background-color: #e6f0f6 !important;
    border: none !important;
    color: #000 !important;
}
header .search {
    display: none !important;
}
header .search.is-open {
    display: block !important;
}
.search__field-input::placeholder {
    color: #0062a7 !important;
}
.search__field-input::-moz-placeholder {
    color: #0062a7 !important;
}
.search__field-icon {
    display: block !important;
}
.header__action-link:hover {
    background-color: #e6f0f6 !important;
}
.menu-wrapper .header__logo.header__logo--desktop, 
.menu-wrapper .in_menu__toggle {
	display: none !important;
}
body.admin-bar .in_menu__toggle {
	position: relative;
	top: 62px;
	left: 0;
}
.mega-menu-toggle {
	display: none;
}

.gpf-new-signup {
    padding: 7px 15px;
    border: 2px solid #ff7000;
    background: #ffffff;
    color: #ff7000;
    border-radius: 4px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    width: 190px;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gpf-new-signup:hover {
    background: #ff7000;
    color: #ffffff;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gpf-new-signup:hover:before {
    content: "Sign up";
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gpf-new-signup:hover span {
    display: none;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gpf-new-signup span {
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
}
.gpf-new-subscribe {
    padding: 7px 15px;
    border: 2px solid #0e6ba5;
    background: #0e6ba5;
    color: #ffffff;
    border-radius: 4px;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gpf-new-subscribe:hover {
    background: #1289d4;
    border: 2px solid #1289d4;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.header__mobile__navigation {
    display: none !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 80%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 80%);
	background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
    justify-content: center;
    padding: 10px 0 8px;
}

@media only screen and (max-width:600px) {
    .header__navigation {
        display: none !important;
    }
    .header__mobile__navigation {
        display: flex !important;
    }

    .header__account-button span {
        display: none !important;
    }
    .header__account-button-icon {
        margin-right: 0 !important;
    }
    .header__action-link span {
        display: none !important;
    }
    .header__action-icon {
        margin-right: 0 !important;
    }
}

/* luci */
html body {
    padding-top: 84px;
}

html body header.header {
    position: fixed;
    top: 0;
    background-color: #fff;
    min-height: 84px;
}

html body.admin-bar header.header {
    top: 32px;
}
body .header__toggle {
    display: none !important;
}

/*@media only screen and (max-width:600px) { 
    html body {
        padding-top: 151px;
    }
    html body.logged-in { 
        padding-top: 84px;
    }
}*/

body .main {
    padding: 30px 0 0 0; 
}

@media only screen and (max-width:782px) { 
    /*html body.admin-bar header.header {
        top: 46px;
    }*/
    html body {
        padding-top: 0px;
    }
    html body.logged-in { 
        padding-top: 0px;
    }
    html body:not(.is-toggled) header.header {
      position: relative;
    }
    html body.admin-bar header.header {
        top: 0px;
    }
    body .main {
      padding: 10px 0 0 0; 
    }

    html body .header__logo-image {
      max-width: 180px;
    }

    html body .header__toggle {
      width: 50px;
      padding: 3px 0 6px 0;
    }

    html body .header__toggle-inner {
      width: 20px;
      height: 2px;
      margin: 2px 0;
    }
    html body .header__toggle-inner::after {
      bottom: -6px;
    }
    html body .header__toggle-inner::before {
      top: -6px;
    }
    html body .header__toggle-text {
      margin-top: 5px;
    }
    html body .menu-wrapper {
      padding-top: 90px;
    }
    html body .menu-wrapper-spacer {
      height: 90px;
    }
}

/* hp slider */
/*.homepage-featured-slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  width: 100%;
}

*/

.homepage-featured-slider.not-loaded li:not(:first-child){
    display: none;
}
.homepage-featured-overlay {
    position: relative;
}
.homepage-featured-content {
    position: absolute;
    bottom: 0;
}
.homepage-featured-image-bg {
    background: #f1f1f1;height: 400px;line-height: 0; overflow: hidden; position: relative; width: 100%;
    }
.homepage-featured-image-bg img {height: 100%;width: 100%;object-fit: cover;object-position: top center;border-radius: 0px;}
.homepage-featured-content {height: auto; min-height:100px; clear:both; background: rgba(51, 51, 51, 0.5);bottom: 0; color: #fff; left: 0; padding: 15px 30px 35px 30px; position: absolute; right: 0; transition: all 0.5s ease-in-out 0s;}
.homepage-featured-content h3.wp-post-title a,
.homepage-featured-content .wp-post-content a.readmorebtn,
.homepage-featured-content .wp-post-content p{color: #fff;}

#homepage-featured-slider .sy-pager li.sy-active a {
    background-color: #0e6ba5;    
}
#homepage-featured-slider .post-date {
    padding-bottom: 10px;
    display: block;
}

/**
 *
 * slippry v1.4.0 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2016, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
  0% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); }
  100% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
  0% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); }
  100% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("images/sy-loader.gif") 50% 50% no-repeat;
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -webkit-transition: left ease;
         -o-transition: left ease;
            transition: left ease; }
  .sy-list.vertical {
    -webkit-transition: top ease;
         -o-transition: top ease;
            transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -webkit-transition-property: opacity;
           -o-transition-property: opacity;
              transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
             -o-animation-name: left-right;
                animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
             -o-animation-name: right-left;
                animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("images/arrows.svg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
                background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #cacaca;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        border-radius: 4px; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #e24b70; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -webkit-background-size: 2em 2em;
              background-size: 2em;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -webkit-transition: padding 600ms ease;
         -o-transition: padding 600ms ease;
            transition: padding 600ms ease; }

.sy-pager li a:link, 
.sy-pager li a:visited {
    outline: none;
}

body .separator {
    margin: 15px 0;
}         
body .article__tags {
    margin-bottom: 10px;
}

@media only screen and (min-width:1024px) { 
    body .article__content {
        padding: 30px 20px;
    }
    body .article__figure ~ .article__content {
        padding: 10px 20px 20px;
    }
}


/* menu */
header.header {
    z-index: 34 !important;
}
@media only screen and (max-width:1024px) { 
    .menu-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 120px;
        background-color: #e6f0f6;
        overflow-y:auto;
        display: none;
    }
    body #mega-menu-wrap-primary {
        /*position: absolute !important;
        left: 0;
        top: 0;*/
        width: 100%;
        height: 100%;
        background-color: #e6f0f6;
    }
    .menu-wrapper-spacer {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #e6f0f6;
        height: 120px;
        z-index: 1;
    }
    body.is-toggled .header__sections {
        background-color: #e6f0f6 !important;
    }
    body #mega-menu-wrap-primary #mega-menu-primary {
        background-color: #e6f0f6;
    }
    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item,
    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item {
        background-color: #e6f0f6;
        color: #0e6ba5;
    }
    body #mega-menu-wrap-primary #mega-menu-primary > li > a  {
        color: #0e6ba5 !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
         background-color: #0e6ba5 !important;
         color: #fff !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{

        background-color: #e6f0f6 !important;
        color: #0e6ba5 !important;
        font-weight: bold !important; 
    }    
    button.header__toggle {
        z-index: 99;
        display: inline-block !important;
        margin-right: 20px;
    }
    .menu-wrapper #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0 30px;
        font-size: 16px;
    }
    .menu-wrapper #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 15px 15px 15px 20px;
    }
    /*.is-toggled button.header__toggle {
        position: fixed;
        left: 0px;
        top: 20px;
    }*/
}