/*
Theme Name: Coletta Theme

*/

.header-notification-warp {
      height: 0px;
      text-align: center;
      left: 0;
      position: absolute;
      transition: height 1s ease-in-out;
      top: -60px;
      width: 100%;
      background: #1f1f1f url(https://colettasportfishing.com/wp-content/uploads/2020/07/header_notifaction-bg.png)no-repeat center top;
    }

    .text-info-notification {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      font-family: 'Titillium Web', sans-serif;
      color: #fff;
      font-weight: 300;
      font-size: 16px;
    }

    #notification-close {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      cursor: pointer;
      vertical-align: top;
    }

    .header-notification-warp p {
      font-family: 'Titillium Web', sans-serif;
      color: #fff;
      font-weight: 300;
      font-size: 16px;
      margin-bottom:0;
    }

    #notification-close img {
      opacity: 0.4;
      transition: opacity 0.5s ease-in-out;
    }

    .wrapper.wrapper-main-noti {
      transition: padding 0.5s ease-in-out;
      
    }

    .header-notification-warp {
      height: 0px;
      text-align: center;
      left: 0;
      position: absolute;
      transition: height 1s ease-in-out;
      top: -60px;
      width: 100%;
      background: #1f1f1f url(https://www.xhtmlchop.com/images/header_notifaction-bg.png)no-repeat center top;
    }

    .header {
      transition: font-size 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out;
    }

    .text-info-notification {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      font-family: 'Titillium Web', sans-serif;
      color: #fff;
      font-weight: 300;
      font-size: 16px;
    }

    .text-info-notification strong {
      font-family: 'Titillium Web', sans-serif;
      font-weight: 600;
      color: #fff000;
      -webkit-animation-name: textblink;
      -webkit-animation-duration: .9s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-name: textblink;
      -moz-animation-duration: .9s;
      -moz-animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      animation-name: textblink;
      animation-duration: .9s;
      animation-timing-function: linear;
      animation-iteration-count: infinite
    }

    @-moz-keyframes textblink {
      0% {
        opacity: 1
      }

      50% {
        opacity: .4
      }

      100% {
        opacity: 1
      }
    }

    @-webkit-keyframes textblink {
      0% {
        opacity: 1
      }

      50% {
        opacity: 0.4
      }

      100% {
        opacity: 1
      }
    }

    @keyframes textblink {
      0% {
        opacity: 1
      }

      50% {
        opacity: 0.4
      }

      100% {
        opacity: 1
      }
    }

    #notification-close {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      cursor: pointer;
      vertical-align: top;
    }

    #notification-close img {
      opacity: 0.4;
      transition: opacity 0.5s ease-in-out;
    }

    #notification-close:hover img {
      opacity: 0.9;
    }
    
  .fixpopup { position: fixed;
    left: 10px;
    top: auto;
    bottom: 0;
       width: 284px;
    height: 175px;
    display: none;
    opacity: 0;
    z-index: 9999;
	padding-top: 18px;
	}
	.fixpopup .fx-media-popup { position: relative;
    display: inline-block;
	    
    border-radius: 3px;
	}
	.fixpopup small {
    position: absolute;
    font: 12px/12px Verdana,Geneva,sans-serif;
    display: block;
    text-align: center;
    cursor: pointer;
    background: #fff;
	width: 19px;
    height: 19px;
    background: none;
    right: -0px;
    top: 0px;
}

.message-text {
    font-family: 'Titillium Web', sans-serif;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    width: 100%;
    line-height: 1.5;
    text-align: center; }
	
	.message-text strong {color: #ffffff;}

.fixpopup .fx-media-popup img {border-radius: 3px; }
.couponcode-text { 
    font-size: 16px;
    color: #e2060b;
          font-family: 'Titillium Web', sans-serif;
    position: absolute;
    display: inline-block;
       right: 43px;
    bottom: 21px;
    font-weight: bold;
    letter-spacing: 2px;
    z-index: 9999;

 }
 .couponcode-text i { color:#000;}
.valide-from { 
    font-size: 11px;
    position: absolute;
    right: 16px;
    top: 105px;
    font-weight: bold;
	}
.cupon-title {
	font-size: 14px;
    position: absolute;
    left: 22px;
    bottom: 22px;
    color: #000;
    font-weight: bold;
}	
@media(max-width:767px){ 
.fixpopup { display:none!important;   opacity: 0!important;}
}


    @media(max-width:767px) {
      .text-info-notification {
        padding: 0 44px;
        font-size: 12px;
        line-height: 1.4;

      }

    }

#CDSWIDSSP {max-width:100%;}

.navbar-nav .nav-item ul, .sub-menu {position: absolute;
    left: 15px;
    top: auto;
    display: none;
    padding: 15px 15px 10px;
    border-bottom: 10px solid #ffd202;
}
li:hover .sub-menu { display:block;} 


.navbar-nav .nav-item a,.main-menu a { color:#ffffff;}
.wpulike {display:none;}
 .post-meta {list-style:none;}
 
  @media(max-width:767px) {
.navbar-nav .nav-item ul, .sub-menu {position: relative; left:0px;  padding: 15px 15px 10px 20px; }
      }