/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
 @-webkit-keyframes init {
    0% {
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
    }

    60% {
      -webkit-transform: scale(1.15, 1);
      transform: scale(1.15, 1);
    }

    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }

  @keyframes init {
    0% {
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
    }

    60% {
      -webkit-transform: scale(1.15, 1);
      transform: scale(1.15, 1);
    }

    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
  }

  @-webkit-keyframes appear {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes appear {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @-webkit-keyframes slide-in {
    from {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
    }

    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes slide-in {
    from {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
    }

    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @-webkit-keyframes slide-in-left {
    from {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
    }

    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes slide-in-left {
    from {
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px);
    }

    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @-webkit-keyframes scale-in {
    from {
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes scale-in {
    from {
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }




  .donate-button {
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    font-size:34px;
    color: #FFFFFF;
    border: none;
    letter-spacing: 0px;
    text-align: center;
    padding: 0px 0;
    border-radius: 40px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    -webkit-transition: width 0.2s ease-in-out,
      -webkit-transform 0.2s ease-in-out;
    transition: width 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, width 0.2s ease-in-out,
      -webkit-transform 0.2s ease-in-out;
    outline: none;
    height: 45px;
    border-radius: 40px;
    transition: width 0.2s ease-in-out;
    -webkit-animation: init 0.3s ease-in-out forwards;
    animation: init 0.3s ease-in-out forwards;
    text-decoration: none;
		
		background: rgb( 255, 0, 0 );
  }

  .donate-button-text {
    -webkit-animation: appear 0.3s 0.3s both;
    animation: appear 0.3s 0.3s both;
		bottom: 30px;
  }



@media only screen and (max-width: 768px){
		#donate-container{
	position: fixed; 
	width: 100%;
	bottom: 60px;
			text-align: right;

	z-index: 2147483647;			
	}
	
	.donate-button, .donate-button:hover, .donate-button:active{
			width: 50%;
			margin: 0 auto;
	}
}

@media only screen and (min-width: 768px){
	  #donate-container {  
	position: fixed; 
	width: 50%;  
	bottom: 30px; 
	text-align: right;
	z-index: 2147483647;
	}
	
			.donate-button, .donate-button:hover, .donate-button:active{
		    width:170px;
			margin: 0 auto;
	}
	
}













@media(max-width: 767px) {
    body {
        font-size:22px !important;
        line-height: 1.5
    }
}

@media(max-width: 991px) {
    body {
        font-size:22px !important;
        line-height: 1.5
    }
}



.widget_yikes_easy_mc_widget{
border: solid;
border-color: grey;
border-width: 1px;
padding: 1px;
margin: 1px;
}

.widget_yikes_easy_mc_widget .fl-widget-title{
	margin: 0px;
	padding: 7px;
	text-align: center;
	color: white;
	background-color: black;
}


.widget_top-posts .widgets-list-layout li > a {
    width: 40%;
} 
 
.widget_top-posts .widgets-list-layout img.widgets-list-layout-blavatar {
    max-width: 240px;
    width: 100%;
}
 
.widget_top-posts .widgets-list-layout div.widgets-list-layout-links {
    max-width: 100%;
    width: 55%;
}
 
@media only screen and (max-width: 1019px) {
 
    .widget_top-posts ul.widgets-list-layout {
        max-width: 600px;
        margin: 0 auto;
    } 
 
    .widget_top-posts .widgets-list-layout div.wid we gets-list-layout-links {
        font-size: 15px !important;
    }
}



    .fl-content-left {
        border-right: 1px solid #e6e6e6;
        padding-right: 0px
    }

    .fl-content-right {
        border-left: 1px solid #e6e6e6;
        padding-left: 00px
    }

    .fl-sidebar-right {
        padding-left:0px;
    }

    .fl-sidebar-left {
        padding-right: 00px
    }

    .blog .fl-sidebar,.single:not(.woocommerce):not(.post-template-tpl-full-width) .fl-sidebar,.archive:not(.woocommerce) .fl-sidebar,.search .fl-sidebar,.page-template-tpl-sidebar .fl-sidebar {
        width: 180px;
    }


aside.col-lg-12, aside.col-md-12, aside.col-sm-12, aside.col-xs-12
{
     padding-right: 0px; 
     padding-left: 0px;
}

.mobile {
	width:320px;
	height:250px;
  display:block !important;
}