/*
Theme Name: Fish Flix Template 2017
Theme URI: http://www.fishflicks.tv
Description: A fishy theme for WordPress.
Author: Shane
Author URI: http://www.fishflicks.tv
Version: 1.0

Fonts:
    font-family: Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-weight: 500;

    font-family: 'franklin-gothic-cond', sans-serif;
        font-weight: 500;
        font-weight: 700;

Colors:
    Black: #222222;
    Blue: #??????;
    Pink: #??????;

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

/*
 * Fonts
 */
	/* @import url('fonts/fonts.css'); */


/*
 * Globals
 */
    body {
        font-family: Helvetica, Arial, sans-serif;
        color: #000;
        background: #fff;
    }
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #ebebe3;
        background: #222;
    }
    ::-moz-selection {
        color: #ebebe3;
        background: #222;
    }

    .black-body, .page-child{
        background:#000;
        color:#fff;
    }


/*
 * Links
 */
    a {
        color: #000;
        text-decoration: none;
        outline: none;
    }
    a:hover {
        color: #666;
        text-decoration: underline;
    }
    a img {
       border: none;
    }



    .ffblue{
        background-color: #064779;
    }

    .ffblack{
        background-color: #000;
        color: #fff;
    }
    .ffyellow:hover{
        background-color: #064779;
        color: #000;
    }

    .ffyellow{
        background-color: #FFC515;
        color: #000;
    }

    .ffyellow:hover{
        background-color: #FF9B15;
        color: #000;
    }


/*
 * Page Structure
 */
    #container {

    }
    #header {

    }
    #content {

    }
    footer {
        box-shadow: 0px 500px 0px 500px #000;
    }





/*
 * Utilities
 */
    /* Responsive image containers */
    .fluid-width-image-wrapper img {
        height: auto;
        width: 100%;
    }


/*
 * Menus
 */

    .top-menu-bg{
        background-color: #000;
    }

    .top-bar, .top-bar ul{
        background-color: #000;
    }

    .main-menu a{
        color: #fff;
    }

    .top-bar-left{
        padding: .5rem 1rem .5rem 0;
    }

    .no-js .top-bar {
      display: none;
    }

    .signup-bttn, .login-bttn{
        margin-top: 0.5rem;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
    }

    .signup-sale {
    width: 50%;
    margin: 0 auto;
      padding-top: 1rem;
      color: #fff;
  }


  .wp-image-63220{
    width: 60%;
    margin: 0 auto;
  }
/*
 * Header
 */

    .top-bar-right a.login-bttn{
        color: #fff !important;
    }

/*
 * Home
 */

    .home-bg{
        min-height: 46rem;
    }

    .home-bg .overlay{
        background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 99%);
    }
    .home-bg iframe{
        z-index: -10000;
    }



    .button.expanded-half{
        display: inline-block;
        width: 35%;
        margin: 0 auto;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
    }

    .hero-section {
      background: url(images/fishflicks-tvshows.jpg) 50% no-repeat;
      background-size: cover;
      height: 60vh;
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

    .hero-section .hero-section-text {
      color: #000;
      background: rgba(255,255,255, 0.85);
      padding: 20px 60px;
     /*text-shadow: 1px 1px 2px #0a0a0a;*/
    }

    .hero-section-text h1, .hero-section-text h5, .hero-section-text h4, .hero-section-text h3 {
        margin-bottom: 1rem;
    }





    .darwin-hero-section {
      background: url(images/darwin-header.jpg) 50% no-repeat;
      background-size: cover;
      height: 100vh;
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

    .darwin-hero-section .darwin-hero-section-text {
      color: #000;
      background: rgba(255,255,255, 0.75);
      padding: 5px 35px;
     /*text-shadow: 1px 1px 2px #0a0a0a;*/
    }

    .darwin-hero-section-text h1, .darwin-hero-section-text h5, .darwin-hero-section-text h4, .darwin-hero-section-text h3 {
        margin-bottom: 1rem;
    }


/*
 * Signup Page
 */

    .signup-bg{
        padding: 15rem 0;
        background: url(images/signup-bg2.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .signup-bg h1{
        color: #fff;
        padding-bottom: 1rem;
        background: rgba(0,0,0,0.4);
        padding-top: 1rem;
        padding-left: 1rem;
        font-weight: 600;
    }

    .signup-bg h4{
        padding: 1rem 2rem 2rem 1rem;
        color: #fff;
        margin-bottom: 1rem;
        background: rgba(0,0,0,0.4);
        font-weight: 500;
        line-height: 1.3;
    }

    .signup-wrap .subscription-details {
        display: none;
    }
    .signup-wrap .woocommerce-Price-amount{
        display: inline-block;
        font-size: 2.5rem;
        padding-bottom: 2rem;
    }

    .signup-yr .woocommerce-Price-amount{
        display: inline-block;
        font-size: 2.5rem;
        padding-bottom: 2rem;
    }

    .signup-mth, .signup-yr{
        /* background-color: #fff; */
        padding-top:1rem;
        color: #fff;
    }

    .plan-name {
        display: inline-block;
        font-size: 2.5rem;
        padding: 2rem 0 1.5rem;
        margin-left: 0.5rem;
    }


    .plan-ppw{
        display: block;
        font-size: 1rem;
        padding-bottom: 0.3rem;
    }
    .plan-save{
        display: block;
        font-size: 1.4rem;
        padding-bottom: 1rem;
    }

    .signup-mth p a.button, .signup-yr p a.button{
        width: 100%;
        padding: 1rem;
        font-size: 1.5rem;
    }

    #currency_converter{
        float: right;
    }

    a[data-currencycode="USD"] {
    background-image: url('https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg') !important;
    background-size: 56px !important;
    width: 58px;
    background-repeat: no-repeat;
    font-size: 0;
    height: 30px;
    }

    a[data-currencycode="AUD"] {
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b9/Flag_of_Australia.svg') !important;
        background-size: 56px !important;
        width: 58px;
        background-repeat: no-repeat;
        font-size: 0;
        height: 30px;
    }

    a[data-currencycode="GBP"] {
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg') !important;
        background-size: 56px !important;
        width: 58px;
        background-repeat: no-repeat;
        font-size: 0;
        height: 30px;
    }

    a[data-currencycode="EUR"] {
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b7/Flag_of_Europe.svg') !important;
        background-size: 46px !important;
        width: 49px;
        background-repeat: no-repeat;
        font-size: 0;
        height: 30px;
        background-position: center !important;
    }

    a[data-currencycode="MYR"] {
        background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/66/Flag_of_Malaysia.svg') !important;
        background-size: 46px !important;
        width: 49px;
        background-repeat: no-repeat;
        font-size: 0;
        height: 30px;
        background-position: center !important;
    }

    ul.currency_switcher li a{
        border: 1px solid #000 !important;
    }
    ul.currency_switcher li a.active{
        border: 2px solid #fff !important;
    }



 /*
 * Category/Sub Cat Pages
 */

    .featured-image-block-grid-header {
      margin-left: auto;
      margin-right: auto;
      color: #fff;
    }

    .seasons-block-grid-header {
      margin-left: auto;
      margin-right: auto;
      color: #fff;
      padding: 5px 2rem;
      background: url(images/seasons-bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .featured-image-block {
      margin-bottom: 20px;
    }

    .featured-image-block-signup {
      margin-bottom: 20px;
      margin-left: 8rem;
    }

    .featured-image-block .featured-image-block-title {
        font-weight: 400;
        color: #fff;
        padding: 10px 0 10px 1rem;
        text-transform: uppercase;
        font-size: 0.9rem;
        background: #1B76BC;
        }

        .featured-image-block .featured-home-block-title  {
        font-weight: 400;
        color: #fff;
        padding: 10px 1rem;
        text-transform: uppercase;
        font-size: 0.9rem;
        text-align: center;
        }

    .featured-image-block a:hover p {
      color: #FFC515;
      text-decoration: none;
    }

    .featured-image-block img {
      width: 100%;
    }

    .video-thumb {
        position: relative;

    }


    .video-thumb span{
          width: 100%;
          height: 100%;
          position: absolute;
          background: url('images/play-btn.png');
          background-position: 60% 75%;
          background-size: 150%;
    }

    .video-thumb:hover{
        cursor: pointer;
    }

    .show-thumb{
        transition: all .2s ease-in-out;
    }

    .show-thumb:hover {
        transform: scale(1.2);
        z-index: 1000;
    }



    .featured-image-block-signup{
    	position: relative;
    }
    .ribbon-wrapper-red {
        width: 129px;
        height: 122px;
        overflow: hidden;
        position: absolute;
        top: 13px;
        right: 9px;
    }

    .ribbon-red {
        font: bold 15px Sans-Serif;
        color: #fff;
        text-align: center;
        text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -5px;
        top: 32px;
        width: 168px;
        background-color: #FF0000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
        background-image: -webkit-linear-gradient(top, #FF0000, #FF0000);
        background-image: -moz-linear-gradient(top, #FF0000, #FF0000);
        background-image: -ms-linear-gradient(top, #FF0000, #FF0000);
        background-image: -o-linear-gradient(top, #FF0000, #FF0000);
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }

    .ribbon-red:before, .ribbon-red:after {
      content: "";
      border-top:   3px solid #FF0000;
      border-left:  3px solid transparent;
      border-right: 3px solid transparent;
      position:absolute;
      bottom: -3px;
    }

    .ribbon-red:before {
      left: 0;
    }
    .ribbon-red:after {
      right: 0;
    }





/*
 * Cart Page
 */

    .woocommerce-cart{
        background: #fff;
        color: #000;
    }
    /*.woocommerce-cart a{
        color: #090909;
    } */

    .woocommerce-cart .woocommerce #respond input#submit.alt, .woocommerce-cart .woocommerce a.button.alt, .woocommerce-cart .woocommerce button.button.alt, .woocommerce-cart .woocommerce input.button.alt{
        background-color: #000;
        color: #fff;
    }
    .woocommerce-cart .woocommerce #respond input#submit.alt:hover, .woocommerce-cart .woocommerce a.button.alt:hover, .woocommerce-cart .woocommerce button.button.alt:hover, .woocommerce-cart .woocommerce input.button.alt:hover{
        background-color: #FFC515;
    }

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
        width: 100% !important;
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
        width: 100% !important;
    }
/*
 * Checkout
 */

    .woocommerce-checkout{
        background: #fff;
        color: #000;
    }
    .woocommerce-checkout a{
        color: #090909;
    }
    .woocommerce-checkout .woocommerce #respond input#submit.alt, .woocommerce-checkout .woocommerce a.button.alt, .woocommerce-checkout .woocommerce button.button.alt, .woocommerce-checkout .woocommerce input.button.alt{
        background-color: #000;
        color: #fff;
    }
    .woocommerce-checkout .woocommerce #respond input#submit.alt:hover, .woocommerce-checkout .woocommerce a.button.alt:hover, .woocommerce-checkout .woocommerce button.button.alt:hover, .woocommerce-checkout .woocommerce input.button.alt:hover{
        background-color: #FFC515;
     }

.create-account { margin-top: 2em; }
/*
 * Fallback Page
 */


.wcs-switch-link{
    margin-left:20px !important;
}


.elementor-form .elementor-button.elementor-size-sm{
    margin-bottom: 1rem;

}



/*
 * Footer
 */



        .marketing-site-footer {
          background: #000;
          color: #fff;
          padding: 2rem 0 0;
          border-top: 1px solid #fff;
        }

        .marketing-site-footer a{
            color: #fefefe;
        }
        .marketing-site-footer .marketing-site-footer-menu-social a {
          color: #fefefe;
        }

        .marketing-site-footer-menu-social .fa{
            font-size: 2rem;
            color: #fff;
        }

        .marketing-site-footer-menu-social{
            margin-bottom: 1rem;
        }

        .marketing-site-footer .column-block {
          margin-bottom: 30px;
        }

        .marketing-site-footer > .row {
          margin-bottom: 1rem;
        }

        @media screen and (max-width: 39.9375em) {
          .marketing-site-footer .columns {
            margin-bottom: 2rem;
          }
        }

        .marketing-site-footer-name {
          color: #fefefe;
          margin-bottom: 1rem;
          font-size: 2rem;
        }

        .marketing-site-footer-title {
          color: #fefefe;
          margin-bottom: 1rem;
          font-size: 1.25rem;
          text-decoration: underline;
        }

        .marketing-site-footer-block {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
        }

        .marketing-site-footer-block .fa {
          font-size: 2rem;
          color: #fff;
        }

        .marketing-site-footer-block p {
          margin-left: 1rem;
          line-height: 2rem;
        }

        .marketing-site-footer-bottom {
          background: #020304;
          padding: 1rem 0;
        }

        .marketing-site-footer-bottom p,
        .marketing-site-footer-bottom .menu {
          margin-bottom: 0;
        }

        .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
        }

        .marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
          color: #8aa0ae;
        }

        @media screen and (max-width: 63.9375em) {
          .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
          }
        }

        @media screen and (max-width: 63.9375em) {
          .marketing-site-footer-bottom {
            text-align: center;
          }
        }



        .signup-sale {
         width: 50%;
         margin: 0 auto;
             padding-top: 1rem;
             color: #fff;
         }



/*
 * Animations
 */
    /* Color */
    a {
        transition: color 0.4s;
    }

    /* Opacity */
    .browse {
        transition: opacity 0.4s;
    }

    /* Everything */
    svg path {
        transition: 0.4s;
    }



/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}
	.wp-caption {
	    background: #f1f1f1;
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}