/*
Theme Name: 	American Bird Conservancy
Description: 	Custom Template with Bootstrap v3
Version: 	    4.5.0
Author: 	    Rocketkoi, after Old City Press
Author URI: 	https://www.rocketkoi.com
*/
@charset "UTF-8";


/*=============================================================*/
/*	GENERAL STYLES
/*=============================================================*/
body {}
p {}
a {}
a:hover {}

/* wp images */
img.alignleft {float:left; margin:0 20px 10px 0;}
img.alignright {float:right; margin:0 0 10px 20px;}
img.aligncenter {display:block; margin: 0 auto;}



.gallery-row {
  padding: 15px 0; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

figure.alignnone {
  margin-left: 0;
  margin-right: 0; }


/*=============================================================*/
/*	GENERAL PADDING AND MARGINS
/*=============================================================*/
.padding {padding-top: 80px;padding-bottom: 80px;}
.padding-md {padding-top: 60px;padding-bottom: 60px;}
.padding-sm {padding-top: 40px;padding-bottom: 40px;}
.padding-xs {padding-top: 20px;padding-bottom: 20px;}
.padding-top {padding-top: 80px;}
.padding-top-md {padding-top: 60px;}
.padding-top-sm {padding-top: 40px;}
.padding-top-xs {padding-top: 20px;}
.padding-bottom {padding-bottom: 80px;}
.padding-bottom-md {padding-bottom: 60px;}
.padding-bottom-sm {padding-bottom: 40px;}
.padding-bottom-xs {padding-bottom: 20px;}
.padding-left {padding-left: 80px;}
.padding-left-md {padding-left: 60px;}
.padding-left-sm {padding-left: 40px;}
.padding-left-xs {padding-left: 20px;}
.padding-right {padding-right: 80px;}
.padding-right-md {padding-right: 60px;}
.padding-right-sm {padding-right: 40px;}
.padding-right-xs {padding-right: 20px;}
.margin {margin-top: 80px;margin-bottom: 80px;}
.margin-md {margin-top: 60px;margin-bottom: 60px;}
.margin-sm {margin-top: 40px;margin-bottom: 40px;}
.margin-xs {margin-top: 20px;margin-bottom: 20px;}
.margin-top {margin-top: 80px;}
.margin-top-md {margin-top: 60px;}
.margin-top-sm {margin-top: 40px;}
.margin-top-xs {margin-top: 20px;}
.margin-bottom {margin-bottom: 80px;}
.margin-bottom-md {margin-bottom: 60px;}
.margin-bottom-sm {margin-bottom: 40px;}
.margin-bottom-xs {margin-bottom: 20px;}
.margin-left {margin-left: 80px;}
.margin-left-md {margin-left: 60px;}
.margin-left-sm {margin-left: 40px;}
.margin-left-xs {margin-left: 20px;}
.margin-right {margin-right: 80px;}
.margin-right-md {margin-right: 60px;}
.margin-right-sm {margin-right: 40px;}
.margin-right-xs {margin-right: 20px;}

.gform_footer {padding-left:15px; padding-right:15px;}
.gform_footer input[type="submit"]{float:right;}


/*=============================================================*/
/*	ANIMATIONS
/*=============================================================*/
a, a:hover,
.btn, .btn:hover,
input[type="submit"],
input[type="submit"]:hover {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


/*=============================================================*/
/*	BUTTONS - use the bootstrap classes (remove unused classes)
/*=============================================================*/
.btn {}

/* colors */
.btn-default {}
.btn-primary {}
.btn-success {}
.btn-info {}
.btn-warning {}
.btn-danger {}
.btn-link {}

/* sizes */
.btn-lg {}
.btn-sm {}
.btn-xs {}
.btn-block {}

/* states */
.btn:hover {}
.btn.active {}
.btn.disabled {}


/*=============================================================*/
/*	HEADER
/*=============================================================*/
header {}
.navbar {}


/*=============================================================*/
/*	FOOTER
/*=============================================================*/
footer {}


/*=============================================================*/
/*	FORMS
/*=============================================================*/
form {}
input {}
textarea {}
input[type="submit"] {}


/*=============================================================*/
/*	TEMPLATE SPECIFIC
/*=============================================================*/
/* home */


/* index */
.main-list {padding-left:0;}


/* about */


/* contact */


/* etc */


/*=============================================================*/
/*	RESPONSIVE MEDIA QUERIES
/*=============================================================*/

@media (min-width: 1200px) {
}

@media (max-width: 767px) { /* tablets and phones */
    .padding {padding-top: 40px;padding-bottom: 40px;}
    .padding-md {padding-top: 30px;padding-bottom: 30px;}
    .padding-sm {padding-top: 20px;padding-bottom: 20px;}
    .padding-xs {padding-top: 10px;padding-bottom: 10px;}
    .padding-top {padding-top: 40px;}
    .padding-top-md {padding-top: 30px;}
    .padding-top-sm {padding-top: 20px;}
    .padding-top-xs {padding-top: 10px;}
    .padding-bottom {padding-bottom: 40px;}
    .padding-bottom-md {padding-bottom: 30px;}
    .padding-bottom-sm {padding-bottom: 20px;}
    .padding-bottom-xs {padding-bottom: 10px;}
    .padding-left {padding-left: 40px;}
    .padding-left-md {padding-left: 30px;}
    .padding-left-sm {padding-left: 20px;}
    .padding-left-xs {padding-left: 10px;}
    .padding-right {padding-right: 40px;}
    .padding-right-md {padding-right: 30px;}
    .padding-right-sm {padding-right: 20px;}
    .padding-right-xs {padding-right: 10px;}
    .margin {margin-top: 40px;margin-bottom: 40px;}
    .margin-md {margin-top: 30px;margin-bottom: 30px;}
    .margin-sm {margin-top: 20px;margin-bottom: 20px;}
    .margin-xs {margin-top: 10px;margin-bottom: 10px;}
    .margin-top {margin-top: 40px;}
    .margin-top-md {margin-top: 30px;}
    .margin-top-sm {margin-top: 20px;}
    .margin-top-xs {margin-top: 10px;}
    .margin-bottom {margin-bottom: 40px;}
    .margin-bottom-md {margin-bottom: 30px;}
    .margin-bottom-sm {margin-bottom: 20px;}
    .margin-bottom-xs {margin-bottom: 10px;}
    .margin-left {margin-left: 40px;}
    .margin-left-md {margin-left: 30px;}
    .margin-left-sm {margin-left: 20px;}
    .margin-left-xs {margin-left: 10px;}
    .margin-right {margin-right: 40px;}
    .margin-right-md {margin-right: 30px;}
    .margin-right-sm {margin-right: 20px;}
    .margin-right-xs {margin-right: 10px;}
}

/* Small devices (landscape phones, 375px and up) */
@media (min-width: 375px) {
    .iframe-container{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
    }

    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .iframe-container{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
        max-width: 600px;
    }

    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .iframe-container{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
        max-width: 100%;
    }

    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .iframe-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      height: 0;
    }

    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1920px) {
    .iframe-container {
      position: relative;
      width: 50%;
      padding-bottom: 27.25%;
      height: 0;
    }

    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
}