/*
Theme Name: bMighty2
Theme URI: http://bMighty2.com
Description: Framework for bMighty2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: bMighty2
Author URI: http://bMighty2.com
Tags: small business
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700); /* font-family: 'Roboto', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Karma:400,600,500); /* font-family: 'Karma', serif; */


body{background:url(/wp-content/uploads/2015/12/paper_fibers.png) repeat;}

h1, h2, h3, h4, h5 {font-family: 'Karma', serif;}
p, a, ul, li, blockquote, div {font-family: 'Roboto', sans-serif;}

.nopadding {padding:0}
.nopadding-left {padding-left:0;}
.nopadding-right {padding-right:0;}


/***************** Header ******************/
header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:row nowrap;flex-flow:row nowrap;}
.header-text {font-size:24px;font-family: 'Karma', serif;font-weight:300;}
#branding {margin:0 35px;}
#branding img {width: 180px;}


/*********** Naviagation ****************/
.centered-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.top-bar {background:rgba(255,255,255,0.6);-webkit-transition:all 0.4s ease;transition: all 0.4s ease;z-index:100;}
.top-bar-section ul li > a {color: #000;font-size: 18px;font-family: 'Roboto', sans-serif;text-transform:uppercase;font-weight:500;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {font-size:18px;}
.top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section li.current-menu-item:not(.has-form) a:not(.button), .top-bar-section li.current-menu-ancestor:not(.has-form) a:not(.button), .top-bar-section .dropdown li.current-menu-item:not(.has-form):not(.active) > a:not(.button) {background:#39607A;color:#fff;}
#menu-item-13 > a, #menu-item-161 > a {background:#FDBA12;color:#000;}
#menu-item-13 > a {
  border-right: 1px solid #fff;
}
.top-bar-section .has-dropdown > a:after {border-color:rgba(0,0,0,0.4) transparent transparent;}
.top-bar.fixed {  /* To fix main menu container */z-index: 9999;position: fixed;left: 0;top: 0;width: 100%;background:#fff;}


/**************** Featured Image Banner ****************/
section#home {margin-top:-45px;}
.banner-wrap {position:relative;}
.banner-wrap .featured-img img {min-width:100%;}
.banner-wrap .caption-wrap {top:auto;bottom:10%;}
.banner-wrap p.flex-caption {font-family: 'Roboto', sans-serif;color: white;font-size: 50px;font-weight: 600;text-align: center;text-shadow: 2px 2px 2px #000;width: 100%;}
.banner-wrap .linkboxes a.button {width:55%;margin:0 auto;display:block;}
.banner-wrap .linkboxes a.button:first-child {margin-bottom:30px;}
.banner-wrap .linkboxes {bottom:30%;}
.linkboxes a.button {background:rgba(57,96,122,0.8);}
.linkboxes a.button:hover {background:rgba(253,186,18,0.8);color:#fff;}

/**************** Accordion Section ********************/
section#about {padding:35px 15px;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a, .accordion .accordion-navigation > a, .accordion dd > a, .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {background:none;}

.accordion .accordion-navigation > a, .accordion dd > a {font-size:40px;font-family: 'Karma', serif;color:#000;text-align:center;line-height:1;}
.accordion-navigation > a:after {content: url("/wp-content/uploads/2015/12/chevron-double-circle.svg");display: block;margin: 0 auto;text-align: center;height:50px;width: 50px;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
.accordion-navigation.active > a:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {background:none;}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {border-bottom:1px solid #000;}


/*************** Collection Grid **********************/
section#collection {background:#414042;padding:50px  15px 100px;}
section#collection h1 {color:#fff;text-align:center;border-bottom:1px solid #fff;margin-bottom:50px;text-transform:uppercase;}
.letsflex {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.collection-wrap {width:25%;position:relative;}
.collection-wrap .img-wrap {position:relative;cursor:pointer;}
.collection-wrap .img-wrap img {width:100%;}
.collection-wrap .img-wrap .hover-text {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-family: 'Karma', serif;font-size:28px;line-height:1.2;background:rgba(153, 193, 193, 0.8) none repeat scroll 0 0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;padding:15px;}
.collection-wrap .img-wrap .hover-text img {max-width:50px;}
.collection-wrap .img-wrap:hover .hover-text {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.modal-img {padding: 0 25px;width: 50%;display:block;}
.modal-img a {max-width:100%;}
.modal-text {width:50%;padding:0 35px 0 0;}
.modal-text h3 {color:#fff;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.collection-wrap .img-wrap .hover-text {-ms-flex-flow:row wrap;flex-flow:row wrap;}
}

@media only screen and (max-width:700px) { 
.letsflex {-ms-flex-flow:columns wrap;flex-flow:columns wrap;}
.modal-img, .modal-text {width:100%;padding:0 15px;}
}

/***************** Support Block **********************/
section#donate {background:#39607A;padding:50px 15px 100px;}
section#donate h1 {border-bottom: 1px solid #fff;color: #fff;margin-bottom: 35px;text-align: center;text-transform:uppercase;}
section#donate p.karma {color:#fff;text-align:center;font-size:20px;font-family: 'Karma', serif;}
section#donate .tabs.vertical {width:25%;max-width:25%;}
section#donate .tabs .tab-title {list-style: outside none none;position: relative;}
section#donate .tabs .tab-title.active {margin-bottom:0px !important;}
section#donate .tabs-content {background:#fff;padding:25px 25px 0px 27%;border-bottom:10px solid #dcdbd0;}
section#donate .tabs-content ul {margin-left: 25px;}
section#donate .tabs-content ul li {float: left;list-style: disc outside;padding: 0 25px 0 0;width: 50%;}
section#donate .tabs .tab-title > a {background:#91b4cc;}
section#donate .tabs .tab-title.active a, section#donate .tabs .tab-title > a:hover {background:#fff;}
.donate {border-top: 1px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff;border-bottom:10px solid #dcdbd0;padding: 15px;}
.control-group input {display: inline-block;float: left;max-width: 49%;}
.control-group input#os1, .control-group input#os3, .control-group input#os5 {margin-right:2%;}
.donate-headline h3 {color: #fff;font-size: 28px;text-align: center;}
.donate label {color:#fff;}
.donate input[type="submit"] {background: white none repeat scroll 0 0;color: #f05844;font-family: roboto;font-size: 27px;font-weight: 600;margin: 0;text-transform: uppercase;width: 100%;}
.donate label.error {color:red;}
.control-group2 input#os0 {
  display: inline-block;
  width: 30%;
}
.control-group2 input#os1 {
  display: inline-block;
  width: 69%;
}
.flex-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.control-group2 .flex-address input {
  width: 32%;
}
form#paypal_form_member p {color:#fff;margin:0 0 5px;}
form#paypal_form_member p#member-error {background:red;padding:8px;margin:0;text-align:center;display:none;}
.designate > label {
  margin: 0 0 10px;
}
.designate input {
  margin: 0;
}
.designate {
  padding: 25px 0px;
}
#donate2 {
  padding-top: 50px;
}
.cart-flex {margin:0 0 8px;}
.cart-flex p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
a.add {
  background: #fdba12 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  margin: 0 10px;
  padding: 3px 8px;
}
a.remove {
  background: red none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  margin: 0 10px;
  padding: 3px 8px;
}
.centertext {text-align:center;}

/***************** Social Icons ***************/
section#contact {padding:35px 15px;}
section#contact h1 {margin-bottom: 35px;text-align: center;text-transform:uppercase;}
section#contact h3 {text-align:center;}
ul.social {-ms-flex-line-pack: center;align-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: distribute;justify-content: space-around;text-align: center;border-bottom:1px solid #000;padding-bottom:35px;margin-bottom:35px;}
ul.social img {max-width: 50px;}
ul.social label {color: #39607A;cursor: auto;font-size: 16px;font-weight: 600;margin: 10px 0 0;}
ul.social li, ul.social li a {font-size:16px;line-height:1;color:#000;}
.wpcf7-form-control-wrap.your-name input {margin-right: 2%;width: 49%;display:inline-block;}
.wpcf7-form-control-wrap.your-email input {width: 49%;display:inline-block;}
section#contact input[type="submit"] {float: right;text-transform: uppercase;background:#39607A none repeat scroll 0 0;}
section#contact input[type="submit"]:hover {background:#FDBA12;}

#footer-bottom-wrapper {font-size: 14px;color:#000;padding-bottom: 30px;text-align: center;}
#footer-bottom-wrapper a {font-size:14px;color:#000;}

@media only screen and (max-width:1023px) {
a.add, a.remove {font-size:12px;}
}

@media only screen and (max-width:965px) {
.header-text {font-size:20px;}
.collection-wrap .img-wrap .hover-text {font-size:22px;}
section#donate .tabs.vertical {max-width: 32%;width: 32%;}
section#donate .tabs-content {padding:5px 25px 15px 36%;}
.tabs-content > .content {padding:0;}
.banner-wrap .linkboxes a.button {width:80%;}
.linkboxes a.button {font-size:22px;}
.banner-wrap .caption-wrap {bottom:5%;}
.cart-flex p {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
a.add, a.remove {margin:10px 0 0;}
.cartdiv {width:100%;}
}

@media only screen and (max-width:852px) {
#branding {margin: 0 15px;}
.collection-wrap .img-wrap .hover-text img {max-width: 35px;}
.collection-wrap {width: 33.3333%;}
section#donate .tabs.vertical {max-width: 34%;width: 34%;}
section#donate .tabs-content ul li {float: none;list-style: outside none disc;padding: 0 0 5px;text-align: left;width: 100%;}
}

@media only screen and (max-width:799px) {
section#donate .tabs.vertical {max-width: 36%;width: 36%;}
.donate input[type="submit"] {font-size:22px;}
.banner-wrap p.flex-caption {font-size:42px;}
}

@media only screen and (max-width:768px) {
.modal-is-visible .cd-modal .cd-modal-content {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.modal-img {-ms-flex-line-pack: center;align-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 25px;width: 65%;}
.modal-text {padding: 35px;width: 100%;}
section#donate .tabs-content {padding:5px 25px 15px 37%;}
}

@media only screen and (max-width:767px) {
.header-text {text-align:center;}
.banner-wrap p {font-size:44px;}
section#donate .tabs.vertical {max-width: 37%;width: 37%;}
.top-bar.show-for-medium-up.clearfix {display: block !important;}
.tab-bar.show-for-small-only {display: none !important;}
}

@media only screen and (max-width:735px) {
.banner-wrap p {font-size:40px;}
.modal-img {width:75%;}
section#donate .medium-10.columns, section#contact .medium-8.columns {width: 100%;}
section#donate .tabs.vertical {max-width: 35%;width: 35%;}
.top-bar.show-for-medium-up.clearfix {display: none !important;}
.tab-bar.show-for-small-only {display: block !important;z-index:100;}
section#home {margin-top: 0;}
nav.tab-bar, .left-off-canvas-menu, .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {background: #7b8557 none repeat scroll 0 0;}
nav.tab-bar:hover {background: #bec0c2 none repeat scroll 0 0;}
}

@media only screen and (max-width:666px) {
section#donate .tabs.vertical {max-width: 100%;width: 100%;}
.tabs.vertical dd, .tabs.vertical .tab-title {display: block;float: left;position: inherit;top: auto;width: 50%;}
section#donate .tabs-content {padding: 15px;}
.donate label {color: #fff;float: left;width: 33.333%;}
.donate input#os10_other {float: right;width: auto;}
.collection-wrap {width: 50%;}
.collection-wrap .img-wrap .hover-text {font-size: 28px;}
.banner-wrap p.flex-caption {font-size:37px;}
.banner-wrap .linkboxes a.button {width: 90%;}
}

@media only screen and (max-width:639px) {
.banner-wrap p {font-size: 37px;bottom:0;}
.accordion .accordion-navigation > a, .accordion dd > a {font-size:36px;}
.accordion-navigation > a:after {height:40px;width:40px;}
.modal-img {width: 100%;}
}

@media only screen and (max-width:599px) {
#branding img {width: 150px;}
.banner-wrap p {font-size: 35px;}
.accordion .accordion-navigation > a, .accordion dd > a {font-size:34px;}
.modal-is-visible .cd-modal .cd-modal-content {display:block;}
.modal-img {padding: 20px 15px 0;width: 75%;}
.banner-wrap .linkboxes a.button {font-size:16px;}
.banner-wrap .linkboxes {bottom: 38%;}
.banner-wrap p.flex-caption {font-size: 33px;}
}

@media only screen and (max-width:567px) {
#branding img {width: 130px;}
.banner-wrap p {font-size: 32px;margin: 0;}
.accordion .accordion-navigation > a, .accordion dd > a {font-size:32px;}
.banner-wrap .linkboxes {bottom: 32%;width:100%;}
.banner-wrap .linkboxes a.button {padding:10px 0;}
.tabs dd > a, .tabs .tab-title > a {font-size:15px;}
}

@media only screen and (max-width:532px) {
header {-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding:10px 0;}
.header-text {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.banner-wrap p {font-size: 30px;margin: 0 0 10px;}
.banner-wrap .linkboxes {display:none;}
.banner-wrap .caption-wrap {bottom: 27%;}
.banner-wrap p.flex-caption {font-size: 37px;line-height: 1.2;}
.tabs.vertical.membertabs .tab-title {width: 100%;}
}

@media only screen and (max-width:479px) {
.banner-wrap p {line-height:1.2;}
.tabs.vertical dd, .tabs.vertical .tab-title {float:none;width:100%;}
.donate label {width:50%;}
section#contact h1 {margin-bottom:5px;}
ul.social {-ms-flex-flow:column nowrap;flex-flow:column nowrap;}
ul.social li, ul.social li a {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;font-size: 16px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
ul.social li {margin:0 0 15px;}
ul.social img {max-height: 50px;max-width: 50px;}
ul.social label {margin:0 10px;}
.letsflex {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.collection-wrap {width: 90%;}
.control-group input, .wpcf7-form-control-wrap.your-name input, .wpcf7-form-control-wrap.your-email input {width:100%;max-width:100%;}
.control-group input#os1, .control-group input#os3, .control-group input#os5, .wpcf7-form-control-wrap.your-name input {margin-right:0;}
.control-group.medium-9.columns.nopadding-left {padding: 0;}
}

@media only screen and (max-width:413px) {
.accordion .accordion-navigation > .content, .accordion dd > .content {padding:15px 0;}
section#donate .medium-10.columns, section#contact .medium-8.columns {padding:0;}
.control-group2 .flex-address input {width: 100%;}
.flex-address {-ms-flex-flow:column nowrap;flex-flow:column nowrap;}
}

@media only screen and (max-width:359px) {
ul.social img {max-height: 25px;max-width: 25px;}
.cart-flex p {-ms-flex-flow:column nowrap;flex-flow:column nowrap;}
.banner-wrap p.flex-caption {font-size:32px;}
}