/*
Theme Name: COBACORE
Theme URI: http://futureanalytics.ie/
Author: Ruairí Thunder
Author URI: http://futureanalytics.ie/
Description: A custom designed theme for COBACORE a COmmunity-BAsed COmprehensive REcovery
Version: 2.1
*/


/* --------------------------------------------------------------------------------------------------
  1. Universal styles
  2. Navigation & Logo
  3. Home
  4. Inner Content
  5. Sidebar
  6. Footer
  7. Responsive


  $text-color: #000;
  $text-light: #fff;
  $text-dark: #474523;
  $base-font-size: 16px;
  $base-font-family: "Open Sans", Helvetica, Arial, sans-serif;
  $base-font-weight: 400;
  $green:#007a3c;
  $red:#ca1228;
  $yellow:#474523;

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

@import "url('../../../genericons/genericons.css')";

/*=========================================================================================
   -1. UNIVERSAL STYLES-
=========================================================================================*/

body {
  font-family: 'Open Sans';
}
a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #ca1228;
}
a:hover {
  text-decoration: none;
}
h1, h3 {
  text-transform: uppercase;
  color: #000
}
h2 {
  font-weight: 600;
  font-size: 40px;
  color: #000;
  text-transform: uppercase;
}
#wpadminbar {
  opacity: 0.7!important;
}
.extra-pad {
  padding: 10px;
}
.side-borders {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 0 30px;
}
.button {
  background: #ca1228 none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 100;
    margin: 3px 0 0;
    padding: 0 10px 6px;
    text-transform: uppercase;
}
.button::after{
  content: '\f440';
    font-family: "Genericons";
    font-size: 19px;
       margin: 0 0 0 8px;
}
.button:hover{
  background: #9B0B1C;
  color: #fff;
}


hr {
  border-color: #ccc;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: dashed none none;
}
.img-border {
  border: 2px solid #ccc;
}
hr.yel {
    border: 4px solid #d7d116;
}
.block{
  display: block;
}

#ninja_forms_form_25_all_fields_wrap {
    background: #d7d116 none repeat scroll 0 0;
    padding: 3em;
}
.ready{
  background: #007A3C;
  padding: 1em;
}
.inner-content .big-btn:hover{
  color: #CA1228;
}
.cont{
  width: 100%;
  clear: both;
  padding: 15px 0;
}

/*=========================================================================================
   -2. - NAVIGATION & LOGO -
=========================================================================================*/

.navbar {
  border-bottom: 0px solid #007a3c;
}
.strap-line {
  float: right;
  margin: 11px 0;
}
.strap-line h4 {
  font-size: 11px;
  font-weight: 900;
  line-height: 0.2;
  text-transform: uppercase;
}
.navbar-nav {
  float: right;
  margin: 0;
}
.nav.navbar-nav.navbar-default {
  margin-top: 9px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  border-bottom: 2px solid #d7d116;
  background-color: #f8f8f8;
}
.navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  margin-top: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: rgba(215, 209, 22, 0.7);
  color: #333;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: rgba(215, 209, 22, 0.7);
  color: #555;
}

/*------------------------------------------------------
   - Social -
------------------------------------------------------*/

.social {
  float: left;
  margin: 25px 0 0 4.5%;
}
.footer-social a, .social a {
  color: #fff;
  background: #ca1228;
  border-radius: 50%;
  padding: 5px 8px;
  -webkit-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
.footer-social a:hover, .social a:hover {
  background: #007a3c;
}
.genericon {
  line-height: 1.2;
}

/*------------------------------------------------------
   - Cobacore -
------------------------------------------------------*/

.mt {
  margin-top: 20px;
}
.cobacore {
  background-image: url('images/main-banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
  height: 355px;
}
.cobacore h2 {
  color: #111;
}
.cobacore h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-icon {
  display: inline;
  margin-top: 92px;
  text-align: unset;
}

/*------------------------------------------------------
   - Coloured Border -
------------------------------------------------------*/

.colored-border {
  width: 100%;
}
.colored-border ul {
  font-size: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.colored-border li {
  display: inline-block;
  width: 33.33333%;
  height: 4px;
  border-bottom: 0!important;
}
.colored-border li:nth-child(1) {
  background: #ca1228;
}
.colored-border li:nth-child(2) {
  background: #d7d116;
}
.colored-border li:nth-child(3) {
  background: #007a3c;
}

/*=========================================================================================
   -3. - HOME PAGE -
=========================================================================================*/

span.smaller-text {
  font-size: 29px
}
.vid-mt {
  margin-top: 64px;
}
/*------------------------------------------------------
   - Event Invite -
------------------------------------------------------*/
.event-invite{
  padding-top: 30px;
}
.event-invite .field-wrap, .event-invite #ninja_forms_required_items {
    margin-bottom: 12px;
}
.event-invite h3{
  color: #fff !important;
    font-size: 35px;
}
.event-invite .footer-form {
  background: #CA1228 none repeat scroll 0 0;
    margin: 0;
    min-height: 22em;
}
.ninja-forms-response-msg.ninja-forms-success-msg {
    background: white none repeat scroll 0 0;
    border: 2px solid;
    padding: 10px;
}
/*------------------------------------------------------
   - Carousel -
------------------------------------------------------*/

.carousel-control.right, .carousel-control.left {
  background: none !important;
}
.carousel {
  border: 2px solid #d4d2d2;
  margin: 25px 0 55px;
  padding: 12px 20px;
}
.left.carousel-control {
    text-align: left;
}
.right.carousel-control {
    text-align: right;
}
.carousel-control {
  font-size: 78px;
  color: #ca1228;
  width: 3%;
}

.pr {
    padding: 0 15px;
}
.mr {
    margin-left: 12px;
}
/*
.carou-nav {
  padding: 3px 13px;
}
.carousel-control.right, .carousel-control.left {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
  opacity: 1;
}
.carousel-control.right {
  right: 25px;
}*/

/*------------------------------------------------------
   - Tabs -
------------------------------------------------------*/

.nav-tabs li a {
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-transform: uppercase;
  outline: none;
  border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: none;
  background-color: inherit;
  border-radius: 0;
  color: #fff;
  font-style: italic;
}
.nav-tabs > li > a:hover {
  background: inherit;
  border: medium none;
}
.nav-tabs > li {
  float: left;
  margin: 0 3px -1px 0;
}
.green {
  background: #007a3c;
}
.yellow {
  background: #D7D116;
}
.red {
  background: #CA1228;
}
.dark-yellow {
  color: #474523!important;
}
.tab-pane p {
  color: #fff;
}
.tab-pane {
  padding: 10px;
}
.ready {
  font-size: 12px;
  font-weight: 700;
  background: #ca1228;
  padding: 5px 8px;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 100;

  text-transform: uppercase;
}

/*------------------------------------------------------
   - News -
------------------------------------------------------*/

.read-more {
  font-size: 12px;
  font-weight: 700;
  background: #ca1228;
  padding: 5px 8px;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.read {
  font-size: 12px;
  font-weight: 700;
  background: #ca1228;
  padding: 5px 8px;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 100;
  float: right;
  text-transform: uppercase;
}
.img-container:hover .read-more {
  -webkit-transform: translate(-50%, 357%);
  -ms-transform: translate(-50%, 357%);
  transform: translate(-50%, 357%);
}
.img-container:hover .headline {
  -webkit-transform: translate(0%, -100%);
  -ms-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}
.img-container {
  max-height: 218px;
  overflow: hidden;
  position: relative;
}
.news {
  margin-bottom: 40px;
}
.headline {
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  padding: 5px 10px;
}
.headline a {
  color: #fff;
}
.tint {
  position: relative;
  cursor: pointer;
}
.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(202, 18, 40, 0.7);
  -webkit-transition: background .3s linear;
  transition: background .3s linear;
}
.news .col-md-4:nth-child(2) .img-container .tint:before {
  background: rgba(202, 18, 40, 0.8);
}
.news .col-md-4:nth-child(3) .img-container .tint:before {
  background: rgba(215, 209, 22, 0.8);
}
.news .col-md-4:nth-child(4) .img-container .tint:before {
  background: rgba(0, 122, 60, 0.8);
}
.news .col-md-4:nth-child(2) .img-container .tint:hover:before, .news .col-md-4:nth-child(3) .img-container .tint:hover:before, .news .col-md-4:nth-child(4) .img-container .tint:hover:before, .tint:hover:before {
  background: none;
}

/*.news .col-md-4:nth-child(2) .read-more {
  background: #ca1228 none repeat scroll 0 0;
}*/

.news .col-md-4:nth-child(3) .read-more {
  background: #D7D116;
  color: #474523!important;
}
.news .col-md-4:nth-child(3) .headline a, .news .col-md-4:nth-child(3) .read-more a {
  color: #474523!important;
}
.news .col-md-4:nth-child(4) .read-more {
  background: #007A3C;
}

/*------------------------------------------------------
   - Cobagame -
------------------------------------------------------*/

.cobagame {
  background-image: url('images/cobagame.jpg');
  background-position: 50% 50%;
  background-size: cover;
  height: 325px;
  text-align: center;
}
span.italic {
  font-style: italic;
  font-weight: 200;
}
.cobagame h2 {
  color: #fff;
  font-size: 56px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 2.5;
}
.big-btn {
  text-transform: uppercase;
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  background: #ca1228;
  padding: 17px 79px;
  line-height: 2;
  border: 3px solid #ca1228;
  -webkit-transition: all 0.3s linear;
  transition: all 0.1s linear;
}
.big-btn:hover {
  background: none;
  color: #fff;
}

/*=========================================================================================
   -4. - SIDEBAR -
=========================================================================================*/

.sidebar-module {
  margin-bottom: 34px;
}
.sidebar-module ul li {
  border-bottom: 1px dotted #ccc;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-module ul {
  padding: 0;
  margin: 0;
}
.sidebar-module ul a {
  color: #007a3c;
  font-size: 18px;
  font-weight: 100;
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-module:nth-child(1) .sidebar-title:before {
  font-family: "Genericons";
  content: '\f202';
  margin-right: 10px;
  color: #CA1228;
  xfont-size: 36px;
}
.sidebar .sidebar-module:nth-child(2) .sidebar-title:before {
  font-family: "Octicons";
  content: '\f077';
  margin-right: 10px;
  color: #CA1228;
  xfont-size: 36px;
}
.sidebar-title {
  font-size: 25px;
  font-weight: 500;
  margin: 40px 0 16px;
}
.sidebar-title .colored-border {
  margin-top: 8px;
}

/*---------------------------------------------------------------------
    - TWITTER -
---------------------------------------------------------------------*/

.width33 {
  float: right !important;
  width: 100% !important;
}
.wk-twitter-bubbles .content {
  background: rgba(215, 209, 22, 0.7)!important;
  border: 0 solid #ccc!important;
  box-shadow: none!important;
  margin: 10px 5px!important;
  padding: 10px!important;
  position: relative!important;
}
.wk-twitter .image {
  border: 1px solid #E3DF5B !important;
  padding: 0 !important;
}
.author > a {
  font-weight: bold;
  color: #007A3C;
}
.wk-twitter-bubbles time {
  margin-top: 0px!important;
  font-style: italic;
}

/*=========================================================================================
   -5. - INNER CONTENT -
=========================================================================================*/

.page-numbers {
  font-size: 12px;
  text-transform: uppercase;
}
.feat-img {
  max-height: 466px;
  overflow: hidden;
  border: 2px solid #ccc;
  margin: 25px 0;
}
.inner-content {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 0 25px 25px;
}
.title .colored-border {
  margin-top: 19px;
}
.post-meta {
  font-style: italic;
}
#ninja_forms_form_15_cont {
  width: 70%;
}
#ninja_forms_form_15_cont .ninja-forms-field {
  border: 2px solid #ccc;
}
#ninja_forms_form_15_cont label {
  font-size: 25px;
  font-weight: 100;
  text-transform: uppercase;
}
#ninja_forms_form_15_cont #ninja_forms_field_16 {
  font-size: 10px;
  background: #ca1228;
  text-transform: uppercase;
}
#ninja_forms_form_15_cont .textarea-wrap textarea {
  height: 200px!important;
}
.pagination h2.screen-reader-text {
  text-indent: -30100px;
}

/*------------------------------------------------------
   - Tags -
------------------------------------------------------*/

.tags {
  xbackground: #ccc;
  margin: 20px 0 50px;
  padding: 8px 10px;
  border-top: 2px solid #ccc;
}
.tags a {
  background: #d7d116 none repeat scroll 0 0;
  border: 1px solid #474523;
  color: #474523;
  display: inline-block;
  font-size: 10px;
  font-weight: 100;
  padding: 4px 6px;
  text-transform: uppercase;
}
.news-item .tags {
  margin: 0;
  padding: 9px 4px;
}

/*------------------------------------------------------
   - News -
------------------------------------------------------*/

.news-item {
  background: #e8e8e8 none repeat scroll 0 0;
  margin-bottom: 19px;
  padding: 13px 1px;
  border: 1px solid #ccc;
}
.news-item a {
  text-transform: uppercase;
}
.news-item .img-responsive {
  border: 1px solid #ccc;
}

/*=========================================================================================
   -6. - FOOTER -
=========================================================================================*/

footer .block-container {
  background: #007a3c;
  color: #fff;
}
.eu-text {
  float: left;
  margin: 26px 0;
}
.eu-flag {
  max-width: 81px;
  margin: 10px 25px 0 0;
  float: left;
}
.footer-social {
  margin: 25px 0;
}

/*------------------------------------------------------
   - Footer Form -
------------------------------------------------------*/

.footer-form {
  background: #ca1228;
  padding: 10px 30px;
  margin: -10px 0;
}
input {
  border: medium none;
  border-radius: 0;
  color: #ccc;
  padding: 9px;
  border: none;
}
.read-more-footer {
  font-size: 12px;
  font-weight: 700;
  background: #007a3c none repeat scroll 0 0;
  padding: 5px 8px;
  border: 2px solid #fff;
  float: right;
}
.footer-form textarea {
  border-radius: 0;
  border: none;
  color: #ccc!important;
  padding: 9px;
}
.textarea-wrap textarea {
  height: 75px!important;
}

/*------------------------------------------------------
   - Footer Menu -
------------------------------------------------------*/

ul.footer-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-nav li {
  list-style-type: none;
  margin: 0 0;
  padding: 0;
}
.footer-nav li a {
  color: #fff;
}
h4.underline {
  border-bottom: 1px solid #fff;
  font-size: 28px;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 33px;
}
.questions h2 {
  color: #fff;
  font-size: 32px;
  font-style: italic;
  font-weight: 100;
  line-height: 0.6;
}
.questions h3 {
  color: #fff;
  font-size: 55px;
  font-style: italic;
  font-weight: 900;
}
.questions {
  padding: 42px 35px 0;
}

/*=========================================================================================
   -7. - Responsive -
=========================================================================================*/

@media (min-width: 992px) and (max-width: 1199px) {
  .questions {
    padding: 35px 0;
  }
  .social {
    margin: 25px 0 0;
  }
  .nav-tabs li a {
    padding: 10px 4px
  }
  .navbar .nav li a {
    display: block;
    font-size: 12px;
    padding: 20px 8px;
    position: relative;
}
}
@media (max-width: 992px) and (min-width: 768px) {
  .questions {
    padding: 0;
  }
  .img-container {
    margin-bottom: 25px;
}
}
@media (min-width: 768px) {}
@media (max-width: 767px) {
  .colored-border li {
    width: 33.1%;
  }
  .strap-line, .social {
    display: none;
  }
  .cobacore h2 {
    font-size: 14px
  }
  .cobacore {
    height: 285px;
  }
  .navbar-brand {
    padding: 2px;
  }
  .navbar-default .navbar-toggle {
    background: #007a3c none repeat scroll 0 0;
    border-color: #fff;
    border-radius: 0;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .footer-form {
    background: #ca1228 none repeat scroll 0 0;
    margin: 23px 0;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #CA1228;
  }
  h2 {
    font-size: 24px;
  }
  span.smaller-text {
    font-size: 14px;
  }
  .footer-social {
    float: left;
    margin: 0;
  }
  .vid-mt {
    margin-top: 0;
  }
  .cobagame h2 {
    font-size: 24px;
  }
  .big-btn {
    font-size: 19px;
    padding: 10px 26px;
  }
  .cobagame {
    height: 200px;
  }
  .navbar-nav {
    float: left;
  }
  .h1, h1 {
    font-size: 25px;
  }
  footer .extra-pad {
    padding: 0;
  }
  .img-container {
    margin-bottom: 25px;
  }
  .questions {
    padding: 0;
  }
  .questions h2 {
    font-size: 27px;
    line-height: 1;
  }
  .questions h3 {
    font-size: 37px;
  }
  .nav-tabs li a {
    font-size: 5px;
    padding: 10px 2px;
  }
  #ninja_forms_form_15_cont {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .cobacore {
    background-image: url("images/main-banner.jpg");
    background-position: right center;
  }
  .mt {
    margin-top: 8px;
}
}