/*
 Theme Name:     Fotograf festival 2024
 Theme URI:      https://domain.com
 Description:    –
 Author:         Aleš Loziak
 Author URI:     https://apollo1.cz/
 Template:       wpa9
 Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

:root {
  --c-main: #faff00;

  --c-black: #000;
  --c-grey-m: #c4c4c4;
  --c-grey-l: #c4c4c4;

  --spacer: 24px;
  /*
  --c-secondary: #14487c;

  --c-black: #000;
  --c-grey-m: #666666;
  --c-grey-d: #333333;
  --c-white: #fff;

  --shadow: 0px 4px 11px 0px rgba(20,72,124,0.24);
  --hover: all 0.2s ease-in-out;

  */

}


/*************************************
 +Fonts
*************************************/
@font-face {
	font-family: 'AntiqueLegacy Regular';
	/* src: url('assets/fonts/antiquelegacy-medium.eot'); */
	src: url('assets/fonts/antiquelegacy-regular.woff') format('woff'),
       /* url('assets/fonts/antiquelegacy-medium.woff2') format('woff2'),
	     url('assets/fonts/antiquelegacy-medium.ttf') format('truetype') */
}

@font-face {
  font-weight: 400;
	font-family: 'AntiqueLegacy Medium';
	/* src: url('assets/fonts/antiquelegacy-medium.eot'); */
	src: url('assets/fonts/antiquelegacy-medium.woff') format('woff'),
       /* url('assets/fonts/antiquelegacy-medium.woff2') format('woff2'),
	     url('assets/fonts/antiquelegacy-medium.ttf') format('truetype') */
}


.antiquelegacy-medium {
  font-family: 'AntiqueLegacy Medium';
}



/*************************************
+ Custom / Grid & Flex & Bootstrap
*************************************/
.widget {

}

.container {
  /* padding-left: 20px;
  padding-right: 20px; */
  position: relative;
  /* overflow: hidden; */
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  /* padding-right: 20px;
  padding-left: 20px; */
}

.site {
  position: relative;
  z-index: 2;
  /* padding-left: 60px;
  width: calc(100% - 60px); */
  /* padding-left: 96px;
  padding-right: 24px; */
}

.site-content {

}

.full-width {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  overflow: hidden;
}

@media not all and (hover: none) {

  .full-width {
    width: calc(100vw - 8px);
  }

}

  hr.full-width {
    margin-top: 0;
    margin-bottom: 0;
  }

.w-60 {
  width: 60%;
}



/*************************************
+ Custom / SiteOrigin
*************************************/

/*
 * Settings of SiteOrigin Row/Widget Bottom Margin
 *
 * At the settings of SiteOrigin leave the "Row/Widget Bottom Margin" and "Row Mobile Bottom Margin" blank
 * then you can better control this option via these CSS
*/

body .panel-layout .panel-grid {
  /* margin-bottom: 100px; */
}

@media only screen and (max-width: 992px) {
  /* body .panel-layout .panel-grid { margin-bottom: 60px; } */
}

@media only screen and (max-width: 768px) {
  /* body .panel-layout .panel-grid { margin-bottom: 40px; } */
}

/* -------------  ------------- */

.panel-grid .panel-grid-cell {

}

  .panel-grid .panel-grid-cell:last-child {

  }

.so-widget-sow-editor {

}

  .so-widget-sow-editor p:last-child {

  }



.widget-title {

}



/*************************************
 +Body & Html
*************************************/
html {
  overflow-x: hidden;
  background-color: var(--c-black);
}

body {
  font-family: 'AntiqueLegacy Regular', sans-serif;
}

header#masthead {

}


/*************************************
 +(X)HTML / HTML 5 Containers
*************************************/

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-weight: 400;
}

h1, .h1 {
  font-size: 2.125rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-grey-m);
  margin-bottom: calc(1 * var(--spacer)) !important;
}

h2, .h2 {
  font-size: 2.125rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-grey-m);
  margin-bottom: calc(1 * var(--spacer)) !important;
}

h3, .h3 {
  font-size: 1.25rem;
  margin-bottom: calc(.5 * var(--spacer)) !important;
}


h4, .h4 {

}


h5, .h5 {

}

a {
  color: var(--c-black);
  text-decoration: underline;
}

a:hover{
  text-decoration: underline;
  color: var(--c-black);
}


ul, li {

}


strong, .strong, b, .b {
  font-family: 'AntiqueLegacy Medium', sans-serif;
  font-weight: 400;
}

figure {}

  figure.r2x1 { padding-top: 47.62%; }


button, .button, .btn, .btn-primary, input[type="submit"], .submit {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  padding: 12px 24px 10px;
  color: var(--c-black);
  background-color: #fff;
  border: 1px solid var(--c-black);
  font-weight: 400;
  font-size: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  border-radius: 24px;

  width: 100%;
  min-width: 240px;
  max-width: 320px;

  text-align: center;
}

  button:hover, .button:hover, .btn:hover, .btn-primary:hover, input[type="submit"]:hover {
    color: #fff;
    background-color: var(--c-black);
    border: 1px solid var(--c-black);
  }

  button.negative, .button.negative, .btn.negative {
    color: #fff;
    background-color: var(--c-black);
    border: 1px solid var(--c-black);
  }

  button.negative:hover, .button.negative:hover, .btn.negative:hover {
    color: var(--c-black);
    background-color: #fff;
    border: 1px solid var(--c-black);
  }

hr {
  border: none;
  height: 2px;
  border-top: 2px solid var(--c-grey-m);
}


input, textarea, select, .form-control {
  line-height: 1;
  display: block;
  padding: 9px 24px;
  border-radius: 24px;
  border: 1px solid var(--c-grey-m);
  margin: 5px 0;
}



/*************************************
 +
*************************************/
.site-header {
  margin: 0;
  padding: 0;
  z-index: 1;
}

  .site-header .navbar {
    padding: calc(.5 * var(--spacer)) 0;
  }


.site-main {}

  .site-main p {}

  .site-main ul {}

    .site-main li {}


.site-content {}

  .site-content ul {}

    .site-content li {}

  .site-content p {}

.site-main aside {
  margin: 0;
}


/* ------------- masthead ------------- */
#masthead {

}

  #masthead .navbar {

  }


/* ------------- NavBar / menu ------------- */
.navbar-container {

}

/* ------------- navbar ------------- */
.navbar {

}

  .navbar li {
    text-transform: uppercase;
  }

    .navbar .navbar-menu {

    }

      .navbar .navbar-menu .nav-link {
        color: var(--c-grey-m);
      }

      .navbar .navbar-menu .menu-item .nav-link:hover,
      .navbar .navbar-menu .menu-item.current-menu-item .nav-link,
      .navbar-menu .menu-item:hover > .nav-link {
        color: var(--c-black);
        text-decoration: underline;
      }





  .navbar-brand {

  }

    .navbar-brand a.site-title {

    }


  .navbar-toggler {
    padding: 10px 10px 3px 20px;
  }


  /* ------------- hamburgers.css ------------- */
  .hamburger {
    min-width: 80px;
    width: auto;
  }

    .hamburger--spin.is-active .hamburger-inner {

    }

    .hamburger:hover {

    }

    .hamburger:hover,
    .hamburger.is-active:hover {

    }

    .hamburger-box {

    }

    .hamburger-label {

    }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #CFC8C8 !important;
  }

  .hamburger .hamburger-box,
  .hamburger--spinner .hamburger-box {

  }

  .hamburger--minus {

  }

    .hamburger--minus .hamburger-box {

    }





/* ------------- brand / navbar-brand / site-title ------------- */
.navbar-brand {

}

  .navbar-brand.site-brand {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    --imgw: 1280;
    --imgh: 226;
    display: block;
    width: 100%;
    height: calc(100% * var(--imgh) / var(--imgw));
    margin: calc(1.25 * var(--spacer)) 0 calc(1.5 * var(--spacer));
    background: transparent !important;
    /* mix-blend-mode: difference;
    background: transparent; */

  }

  .navbar-brand .site-title {
    /* font-size: 7rem;
    letter-spacing: -3px; */
    display: block;
    width: 100%;
    height: 100%;
    background: transparent !important;
    /* background-image: url('images/site-title.svg'); */
  }

    .navbar-brand .site-title span {
      display: none;
    }

    .navbar-brand .site-title .site-title-mobile {
      display: block;
    }

    .navbar-brand .site-title .site-title-desktop {
      display: none;
    }


/* ------------- main-nav ------------- */
#main-nav {
  padding: calc(.75 * var(--spacer)) 0;
  z-index: 100;
  /* border-bottom: 1px solid var(--c-grey-m); */
}

  #main-nav .navbar-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }

    #main-nav {
      background-color: rgba(0,0,0,1);
      margin-top: 62px;
      height: calc(100vh - 62px);
    }

      #main-nav .navbar-menu .menu-item {
        margin-bottom: calc(1 * var(--spacer));
      }

      #main-nav .navbar-menu .menu-item:first-of-type {
        margin-top: calc(1 * var(--spacer));
      }

      #main-nav .navbar-menu .menu-item .nav-link {
        color: var(--c-grey-m);
        text-decoration: none;
      }

      #main-nav .navbar-menu .menu-item .nav-link:hover {
        color: #fff;
      }


/* ------------- WPML ------------- */
.navbar-lng {
  margin: 0;
}

  .wpml-language-switcher {}

    .wpml-language-switcher ul {
      margin-right: calc(.5 * var(--spacer));
    }

      .wpml-language-switcher li {
        display: inline-block;
        margin: 0 calc(.125 * var(--spacer));
      }

        .wpml-language-switcher li a {
          text-decoration: none;
          color: var(--c-grey-m);
          font-size: 2rem;
        }

        .wpml-language-switcher li a:hover,
        .wpml-language-switcher li.active a {
          color: #000;
        }

/* ------------- carousel ------------- */
#carousel-home {

}


.carousel-inner {

}

.carousel-item {

}

  .carousel-item img {

  }



/* ------------- pagination ------------- */
.pagination {
}

  .pagination .pagination-item {

  }

     .pagination .pagination-item .page-numbers {

    }

    .pagination .pagination-item a:hover {

    }

    .pagination .page-numbers.current,
    .pagination a:hover {

    }






/* ------------- footer ------------- */
footer {
  background: transparent;
  color: var(--c-grey-l);
  padding: 0;
  position: relative;
  z-index: 100;
}

  footer a {

  }

  footer a:hover {

  }

  footer h5 {

  }

  footer .soc-net {}

    footer .soc-net li a {

    }

      footer .soc-net li a span {

      }


/*************************************
 + Misc
*************************************/

/* ------------- loop-posts ------------- */
.loop-posts {
  margin: 0 calc(-1.5 * var(--spacer)) !important;
}

  .loop-posts article {
    margin: 0 !important;
    padding: 0 calc(1.5 * var(--spacer)) !important;
    /* width: calc(50% - calc(var(--spacer)* .0)) !important; */
  }

    .loop-posts article header {
      margin: calc(1 * var(--spacer)) 0;
    }

      .loop-posts article header .post-title {
        font-size: 1.25rem;
        padding: 0;
      }

      .loop-posts article header .post-url {
        text-decoration: none;
      }

      .loop-posts article .entry-excerpt .button {
        width: auto;
        min-width: auto;
      }

.loop-posts .col-sm-6 {
  margin-left: 0;
  margin-right: 0;
}


/* ------------- loop-artists ------------- */
.loop-artists {}

  .loop-artists article {
    /* background-color: #fff; */
  }

  .loop-artists article header {
    margin: 0;
  }

  .loop-artists article header .artist-title {
    font-size: 1.625rem;
    color: #000;
  }

  .loop-artists article .artist-collapse {
    background-image: url('images/toggler-open.svg');
    background-size: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center right;
  }

  .loop-artists article .artist-collapse.collapsed {
    background-image: url('images/toggler-close.svg');
  }



  @media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: .15s;
    }
  }


/*************************************
 + flag
*************************************/
.container-flag-wrapper {
  overflow: visible;
  /* max-width: 1720px; */
}

.flag-wrapper {
  width: 100%;
  position: absolute;
  left: 0;
  left: -20px;
  top: 55px;
  z-index: 2;
}

  .flag-wrapper video {
    width: 100%;
    min-width: 420px;
  }

.home .site-header,
.home .site-content {
  /* padding-left: 20px; */
}

.home .site-content {
  margin-top: 100px;
}

  .close-flag::after {
    /* content: '';
    position: absolute;
    top: -250px;
    left: -250px;
    width: 320px;
    height: 2000px;
    z-index: 100 !important;
    background-image: url('images/flag-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top; */
  }

  .close-flag {
    position: absolute;
    top: 150px;
    left: -120px;
    width: 180px;
    height: 2000px;
    z-index: 100 !important;
    overflow: hidden;
  }

  .flag {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 2000px;
    background-image: url('images/flag-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
  }

  .flag-bar {
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    background-image: url('images/flag-bar.png');
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right top;
    bottom: 0;
    display: none;
  }




/*************************************
 + ff
*************************************/
.ff-event-meta-back {
  padding: calc(1 * var(--spacer)) 0;
  text-transform: lowercase;

}

  .ff-event-meta-back a {
    text-decoration: none;
  }

  .ff-event-meta-back a:hover {
    text-decoration: underline;
  }

.ff-annotation {
  font-size: 1rem;
  line-height: 1.25rem;
}

.ff-section {
  padding: calc(1 * var(--spacer)) 0;
  margin: calc(1 * var(--spacer)) 0;
  /* border-top: 1px solid var(--c-grey-m);
  border-bottom: 1px solid var(--c-grey-m); */
}



  .ff-section p:last-of-type,
  .ff-section .ff-columns-row:last-of-type {
    margin-bottom: 0 !important;
  }



/* ------------- ff-event ------------- */
.loop-events {}

  .loop-events hr.full-width {
    border-top: 2px solid #fff;
    opacity: 1;
  }

.ff-event {
  padding: calc(1.75 * var(--spacer)) 0 calc(2 * var(--spacer));
  /* border-bottom: 2px solid #fff; */
}

  .ff-event .ff-event-date {
    font-size: 1.5rem;
    width: 100%;
    margin-bottom: calc(.75 * var(--spacer));
  }

  .ff-event .ff-event-type {
    font-size: 1.25rem;
    width: 100%;
    margin-bottom: calc(1 * var(--spacer));
  }

  .ff-event .ff-event-title {
    /* display: inline-flex; */
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 100%;
    color: #000;
    margin-bottom: calc(1 * var(--spacer)) !important;
    padding: 3px 0 !important
  }

  .ff-event .ff-event-venue {
    font-size: 1.25rem;
    width: 100%;
    line-height: 1.5rem;
  }

  .ff-event:hover {
    text-decoration: none !important;
    background-color: #000;
    color: #fff;
  }

    .ff-event:hover .ff-event-title {
      color: #fff;
    }

/* ------------- ff_columns ------------- */
.ff-columns {}

  .ff-columns-row {
    margin: 0 0 calc(1 * var(--spacer)) 0;
  }


/* ------------- ff_archiv ------------- */
.ff-archive {}

  .ff-archive .widget-title,
  .ff-archive .textwidget {
    display: inline-block;
  }

  .ff-archive .widget-title {
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-grey-m);
    margin-bottom: calc(.25 * var(--spacer)) !important;
    margin-top: calc(.25 * var(--spacer)) !important;
    margin-right: calc(1 * var(--spacer)) !important;
  }

  .ff-archive ul {
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-grey-m);
    margin: 0;
  }

    .ff-archive ul li {
      display: inline-block;
      margin-bottom: calc(.125 * var(--spacer)) !important;
      margin-top: calc(.25 * var(--spacer)) !important;
      margin-right: calc(.75 * var(--spacer)) !important;
      padding: 0;
    }

    .ff-archive ul li::before {
      content: none;
      margin: 0;
    }

    .ff-archive ul li a {
      color: var(--c-grey-m);
    }

    .ff-archive ul li a:hover {
      color: var(--c-black);
      text-decoration: none;
    }



/* ------------- single-event ------------- */

.ff-event-header {
  padding-right: calc(1.5 * var(--spacer));
}

  .ff-event-header h2,
  .ff-event-header .h2 {
    font-size: 2.25rem;
    color: #000;
    margin: 0 0 calc(1 * var(--spacer));
  }

  .ff-event-header,
  .ff-event-content,
  .ff-event-featured-image,
  .ff-event-post-gallery,
  .ff-event-extended {
    margin-bottom: calc(2 * var(--spacer));
  }

.ff-event-text,
.ff-event-extended {
  padding-top: calc(2 * var(--spacer));
}

.ff-event-content {
  padding: 18px 6px 0 6px;
}

.event-meta-item {
  margin: 0 0 calc(1 * var(--spacer));
}

  .event-meta-item a {
    text-decoration: underline;
  }

  .column-header {
    font-size: 1.25rem;
    color: var(--c-grey-l);
    text-transform: uppercase;
  }

  .single-event .event main .featured-image img {
    position: relative;
  }

    .single-event .event main .featured-image figcaption {
      display: none;
    }

    .gallery {
      margin: 0 calc(-0.25* var(--spacer));
    }

    .gallery .gallery-item {

    }

      .gallery .gallery-item img {

      }





/* ------------------ Google Map  ------------------ */
.googlemap {
  position: relative;
}

.googlemap-inner {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
  padding: 0;
	height: 640px;
}

  .gm-spinner {
    background-color: rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    z-index: 100;
  }

    .gm-spinner.is-active {
      display: block;
    }

    .gm-spinner span {
      background-image: url('images/spinner.svg');
      display: block;
      width: 30px; height: 35px;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);

      -webkit-animation: rotating 2s linear infinite;
         -moz-animation: rotating 2s linear infinite;
          -ms-animation: rotating 2s linear infinite;
           -o-animation: rotating 2s linear infinite;
              animation: rotating 2s linear infinite;
    }

	.single-event .googlemap-inner {
		margin-bottom: 0;
		margin-top: 0;
		height: 480px;
	}


.gm-style .gm-style-iw-c {
  font-size: 16px;
  padding: 29px 0 10px 18px !important;
  border-radius: 0 !important;
  max-width: 250px !important;
  max-height: 640px !important;
}

  .gecko .gm-style .gm-style-iw-c {
    padding: 29px 0 26px 18px !important;
  }

  .gm-style .gm-style-iw-c h1 {
    font-size: 20px;
    margin: 0 0 11px;
    line-height: normal;
  }

  .gm-style .gm-style-iw-c button {
    padding: 3px !important;
    top: -3px !important;
    right: 3px !important;
  }


  .gm-style-iw-d {}

    .gm-style-iw-d .event {
      display: block;
      margin-bottom: calc( var(--spacer) * 1.5 );
    }

      .gm-style-iw-d .event h2 {
        font-size: 16px;
        margin: 0;
      }


  .googlemap-inner {
    color: var(--c-black);
  }

    .googlemap-inner a {
      color: var(--c-black);
    }


/* ------------------ partners  ------------------ */
.partners {
	margin: 50px 0;
}

	.partners .partner-category-title {
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-grey-m);
    margin-bottom: calc(1* var(--spacer)) !important;
    padding: 0;
}


		/* font-size: .625rem; */
	}

	.partners ul {
		margin: 0;
	}

		.partners ul .partner {
			list-style: none;
			display: block;
			vertical-align: top;
			margin: 10px 30px 10px 0;
      padding: 0;
			text-align: center;

			display: flex;
	    flex-flow: column;
	    align-self: center;
		}

      .partners ul li.partner::before {
        content: none;
      }

			.partners ul .partner a {
				display: block;
				color: #000;
			}

				.partners ul .partner a img {
					height: 70px;
				}

					.partners ul .partner a.noimage {
						background-color: rgba(255,255,255,.2);
						line-height: normal;
						font-size: .70588em;
						width: 100px;
						height: 74px;
					}

					.partners ul .partner a.noimage span {
						display: inline-block;
						padding: 10px;
					}

	.partners .category-partner {
		margin: calc(1 * var(--spacer)) 0 calc(4 * var(--spacer));
	}

		.partners-partneri {
			/* max-width: 800px; */
		}

      .partners-organizator ul .partner a img {
        height: 40px;
      }

      .partners-partneri ul .partner a img {
        height: 80px;
      }

      .partners-medialni-partneri ul .partner a img {
        height: 60px;
      }

		.partners h3 {
			margin: 0;
			font-size: 1rem;
			/* display: none; */
		}


/* ------------------ mailchimp  ------------------ */
.mc-form {
  padding: calc(1.25 * var(--spacer)) 0;
}

.mc-field-group.privacy input {
  display: inline-block;

}

.mc-field-group.privacy label {
  display: inline-block;
  margin-right: calc(.5 * var(--spacer));
}

.mc-field-group.privacy a {
  text-decoration: underline;
}

.mc-field-group input[type='email'] {
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  text-align: center
}


/* ------------------ negative  ------------------ */
.negative-style {
  background: var(--c-black);;
  color: #fff;
}

  .negative-style a:hover {
    color: rgba(255,255,255,.85);
  }

  .negative-style .button {
    background: var(--c-black);
    border: 1px solid #fff;
    color: #fff;
  }

  .negative-style .button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: var(--c-black);
  }

  .negative-style .wpa9-divider.solid,
  .negative-style hr {
    opacity: .75;
  }