/*
Theme Name: Amnesty International
Theme URI: http://underscores.me/
Author: Artegence
Author URI: http://underscores.me/
Description: Description
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: amnesty-international
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.

Amnesty International 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/
*/
.main-nav ul li:hover,
.main-nav ul li>a:hover{
    background:#FF0
}
.main-nav ul li:hover a{color:#000}
body .main-nav ul li:hover .subnav{
    display: block;
    height: auto;
    -webkit-transition:all .25s;
    transition:all .25s;
    background:#FF0;
}
body .main-nav ul li .subnav{ 
    display: none;
    position: absolute;
    line-height: 1.2;
}
body .main-nav.moveX ul li .subnav {
    position: relative;
}

.wpcf7-form {
    position: relative;
}
div.wpcf7-response-output {
    position: absolute;
    top: -3em;
    width: 100%;
    background: yellow;
    left: -.5em;
    border-color: black;
    border-width: 3px;
    font-weight: 700;
    text-align: center;
}
.wpcf7-form-control {
    max-width: 100%;
}
.wpcf7-form.sent div.support-submit::before {
    content: '✔ - WYSŁANO';
    display: block;
    width: 7em;
    height: 2em;
    background: yellow;
    position: inherit;
    font-size: 1em;
    line-height: 2em;
    color: green;
    font-weight: 700;
    border: solid 1px #000;
}

li#menu-item-16973 a {
    border: solid #ff0;
}

/* Format strony pobierania publikacji */

#books h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: calc(1em + 100vw/35);
    text-transform: uppercase;
  }
  
  .publication-download {
    width: 38em;
    max-width: 100%;
    margin: 2em auto;
    background: yellow;
    padding: 2em;
  }
  .publication-download h3 {
    text-align: center;
    font-size: 1.7em;
    margin-bottom: 0.6em;
}
  .publication-download img {
    width: 13em;
    margin: 0 auto;
    display: block;
    filter: grayscale(0);
    transition: filter 0.3s ease-out;
}
.publication-download img:hover {
    filter: grayscale(1);
}
.publication-btn, #pub-dnld-btn {
    display: block;
    margin: 1em auto;
    padding: 0.8em;
    background-color: #000;
    color: #fff;
    width: 15em;
    text-align: center;
    font-weight: 700;
    transition: all 0.3s ease-out;
  }
.publication-btn:hover, .publication-btn:focus-visible {
    background-color: #373737;
  }
.two-columns-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
.form-column {
    max-width: 45%;
    margin: 1em 2em;
  }
.form-column .input-medium {
    min-width: 15em;
  }
.petition-form-wrap.two-column-wrap {
    max-width: 80%;
  }
#petition-form #submit:disabled {
    background-color: #ae6e6e;
    color: #600000;
    cursor: not-allowed;
}
.archive-page-header {
    min-height: 4em;
    background-color: #ececec;
    padding: 1em;
    text-align: center;
    border-top: solid 0.5em yellow;
    border-bottom: solid 0.8em black;
    margin-bottom: 2em;
}
.simplebar-scroll-content {
    background-color: #fff;
}
@media screen and (max-width:1200px) {
    .form-column {
        max-width: 100%;
      }
}
@media  screen and (max-width:767px) {
    .form-column .input-medium {
        min-width: 100%;
    }
    .petition-form-wrap.two-column-wrap {
        max-width: 100%;
    }
    .form-column {
        margin: 1em 0em;
    }
    .form-column input.input-medium {
        min-width: 15em;
    }
}

/* CTA dla komponentu 3 kolumny z dokumentami */

.doc-cta {
  width: 100%;
  height: 100%;
  text-align: center;
}

.doc-cta-overlay {
  background-color: #696a80b3;
  width: 100%;
  height: 100%;
  padding-top: 1em;
}
.doc-cta-header {
  background: rgba(0,0,0,0.6);
  margin: 1em;
  padding-bottom: 1em;
}
.doc-cta-title {
  font-size: 2em;
  color: #fff;
  padding-top: 0.2em;
}

.doc-cta-text {
  color: white;
}

.button.doc-cta-link {
  display: block;
  color: #000;
  font-size: 1.2em;
  font-weight: 700;
  background-color: yellow;
  width: 12em;
  margin: 2em auto;
  padding: 1em;
}

.doc-cta {
  background-size: cover;
  background-position: center;
}

/* spinner */
#animated_div {
width:2em;
height:2em;
background: #000000;
color: yellow;
position: relative;
font-weight:900;
font-size:20px;
padding:10px;
text-align:center;
margin:2em;
line-height:0.9em;
animation:animated_div 5s infinite;
-moz-animation:animated_div 5s infinite;
-webkit-animation:animated_div 5s infinite;
-o-animation:animated_div 5s infinite;
border-radius:5px;
-webkit-border-radius:5px;
}

@keyframes animated_div
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(20deg);left:0px;}
50% {transform: rotate(0deg);left:20em;}
55% {transform: rotate(0deg);left:20em;}
70% {transform: rotate(0deg);left:20em;background:#cb5757;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div
{
0% {-webkit-transform: rotate(0deg);left:0px;}
25% {-webkit-transform: rotate(20deg);left:0px;}
50% {-webkit-transform: rotate(0deg);left:20em;}
55% {-webkit-transform: rotate(0deg);left:20em;}
70% {-webkit-transform: rotate(0deg);left:20em;background:#cb5757;}
100% {-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div
{
0%  {-moz-transform: rotate(0deg);left:0px;}
25% {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:20em;}
55%  {-moz-transform: rotate(0deg);left:20em;}
70%  {-moz-transform: rotate(0deg);left:20em;background:#cb5757;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:20em;}
55%  {transform: rotate(0deg);left:20em;}
70%  {transform: rotate(0deg);left:20em;background:#cb5757;}
100% {transform: rotate(-360deg);left:0px;}
}