/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/



/*    STOP.THINK.CONNECT


  */

@import url("../bridge/style.css");

/*General styles
 * We change the size of the image in each event
 * 
 * */

.attachment-post-thumbnail {
	max-width: 70%;
	margin-left: 8%;
}

.fleft {float:left}
.w100 {width:100%}
.footer_bottom_column a {color: #818181}
.footer_bottom_column a:hover {color: #fff}

.mobile_menu_button span i.fa {font-size: 32px}
.qbutton.small:hover {background-color: #006225;border-color: #006225}

.logo_wrapper {height: 60px !important}
.text-center {text-align: center}

.side_menu_button {height: 70px}
nav.main_menu ul li a {line-height: 62px}
/*.q_logo img.mobile {top: -58%}*/
/*.q_logo img.normal {top: -77%}*/
.carousel-inner .slider_content .text {margin-top: 50px}
.verd {color:#006225}
.verd-clar {color: #8dc63f}

h4 {margin-top: 20px;}

.cols5home div div div.vc_col-sm-3 {width:20%}
.cols4home div div div.vc_col-sm-3 {width:25%}

/* header .container_inner .header_inner_left {top: -33px} SI ACTIVO LOGO MARXA AMUNT */
.membership-table tbody tr {border-bottom: solid 1px #ddd}
.membership-table tr:first-child td {font-weight: bold}
.membership-table tr td {text-align: center;color: #006225;}
.membership-table .emoji {color:#006225}
.qode-advanced-tabs .qode-advanced-tabs-nav li {background-color: #8dc63f }

.qode-advanced-image-gallery .qode-aig-grid.qode-aig-five-columns .qode-aig-image:nth-child(5n+1), .qode-advanced-image-gallery .qode-aig-grid.qode-aig-four-columns .qode-aig-image:nth-child(4n+1), .qode-advanced-image-gallery .qode-aig-grid.qode-aig-six-columns .qode-aig-image:nth-child(6n+1), .qode-advanced-image-gallery .qode-aig-grid.qode-aig-three-columns .qode-aig-image:nth-child(3n+1), .qode-advanced-image-gallery .qode-aig-grid.qode-aig-two-columns .qode-aig-image:nth-child(2n+1) {clear:none}

input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {background-color: #006225;border-color: #006225}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {border: solid 1px #818181;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000 !important;
    color: red  !important;}
.q_icon_list p {font-size: 14px;}

.footer_bottom ul li {margin-right: 8px}
.footer_bottom ul li a {font-size: 11px;color: #818181}

.wpb_wrapper p {margin-top: 10px;text-align:justify}
.wpb_text_column h2 {margin-top: 24px;text-transform: none;font-weight: bold;font-size: 20px;}
.wpb_text_column a:hover {color: #283965}

#cookie-notice .button.bootstrap {padding: 4px;background-color: #000;border:solid 1px;background-image: none;font-family: 'Raleway', sans-serif;text-transform: uppercase;font-size: 11px;}
#cookie-notice .button.bootstrap:focus, #cookie-notice .button.bootstrap:hover {background-color: #006225;border: solid 1px #006225}

.footer_top {padding: 19px 0 52px;}
.footer_top .container {background-color: transparent !important}
.column2 .column_inner .widget_text, .column3 .column_inner .widget_text,.column4 .column_inner .widget_text {    margin-top: 38px !important;}

.nopc {display:none}

.ctf-tweet-actions, .ctf-tweet-content, .ctf-author-box, #ctf.ctf-narrow .ctf-context {margin-left: 0 !important}

/* blog masonry home */
.q_masonry_blog article {width: 100% !important}
.ctf-author-avatar {display: none}
.ctf .ctf-author-name {font-size: 13px;margin-left: 0 !important}
#ctf p.ctf-tweet-text, #ctf p.ctf-media-link {font-size: 12px}

h5 {margin-top: 19px !important;}
h2 {margin-bottom: 12px !important}
.post_excerpt {text-align: justify;padding: 0 15px;}

#submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton {margin: 20px 0px 0px;}
#submit_comment:hover, .blog_load_more_button a:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .load_more a:hover {color: rgb(0, 98, 37); border-color: rgb(0, 98, 37); margin: 20px 0px 0px; background-color: rgba(0, 0, 0, 0);}
.qbutton.white {margin: 0}
.qbutton.green {border-color:#14601E;color:#14601E;background: transparent}
.qbutton.green:hover {color: #ffff;background-color: #14601E}

/* upcoming eents */
.upcoming_events {float:left}
.events-article {background-color: transparent !important}
.ue-img {float:left;width:30%;}
.ue-img img {width:60%;padding-left: 10%}
.upcoming_events {background-color: transparent !important;padding-bottom: 0 !important}
.upcoming_events qbutton:hover {}
.grey-separator {border-bottom: solid 1px #9d9d9d;width: 80%;margin: 0 auto;}

.event-button {margin: 10px 0px 0px !important;line-height: 30px !important;font-size: 14px !important;padding: 11px 17px !important;background-color: #fff;color: #006225 !important;border-color: #fff;    margin: 0 auto !important;    width: 200px;    display: block;}
.event-button:hover {color:#fff !important}
.cont-registration-event {text-align: left;color: #fff;font-weight: bold;background-color: #8dc63f;padding: 25px 0;font-size: 18px;}
.cont-registration-event a {color:#fff}
.cont-registration-event a:hover {color:#006225}

.btn-register-header {position: absolute;right: 17px;top: 41px;background-color: #006225;color: #fff;border: solid 1px #006225;padding: 7px 14px !important;}
.btn-register-header:hover {background-color: #fff !important;color: #006225}

.agenda-title {background-color: #006225;color: #fff;padding: 10px 0px 10px 20px;margin-top: 20px;font-weight: bold;text-transform: uppercase;font-size: 16px;}
.agenda-subtitle{background-color: #8dc63f;padding: 7px 0px 7px 20px;color: #006225;font-weight: bold;}
.agenda-row {padding: 10px 0px;border-bottom: solid 1px #aaa;display:table;width:100%}
.agenda-row:last-child {border-bottom:none}
.agenda-row:nth-child(even){background-color: #eee;}
.agenda-hour {width: 15%;display: table-cell;margin-top: 0;vertical-align: top;    text-align: center;}
.agenda-desc-full {width: 85%;display: table-cell;margin-top: 0;vertical-align: top;}
.agenda-desc-full p {margin-top:0;text-align: left;}
.agenda-desc {width: 55%;display: table-cell;margin-top: 0;vertical-align: top;padding-right: 40px;}
.agenda-desc p {margin-top:0;text-align: left;}
.agenda-moderators {width: 35%;display: table-cell;margin-top: 0;vertical-align: top;}
.agenda-moderators p {margin-top:0;text-align: left;}




.blog_holder.blog_pinterest article .post_info, .blog_holder.blog_pinterest article .post_info a:not(:hover) {font-size: 13px}
.post_text_inner h6 {text-align: left;padding: 0 15px;font-style: italic;}
.nopadding {padding: 0 !important}

/* projects */
.blog_holder article {background-color: #fff;}
.post_text_inner {float:left}
.cont-partner {width:30%;float:left;    margin-top: 33px;margin-right: 1%;height: 127px;}
.cont-partner img {height: 65px;margin: 0 auto;display: block}
.partner-name {    font-weight: bold;    text-align: center;margin-top: 10px;}
.partner-name a {color:#818181}
.partner-name a:hover {color:#006225}
.partner-url {    text-align: center;}


/* interior blog */
.blog_single article {margin-top: 50px !important;padding-bottom: 30px}
.blog_single .post_image {width: 30% !important;margin-right: 30px;padding-top: 30px;padding-left: 30px;float:left}
.blog_single .post_text {width: 62%;float: left;}


@media only screen and (max-width: 1280px)
{
  .qode-advanced-image-gallery .qode-aig-grid.qode-aig-five-columns .qode-aig-image, .qode-advanced-image-gallery .qode-aig-grid.qode-aig-six-columns .qode-aig-image, .qode-advanced-image-gallery .qode-aig-masonry.qode-aig-five-columns .qode-aig-grid-sizer, .qode-advanced-image-gallery .qode-aig-masonry.qode-aig-five-columns .qode-aig-image {width: 25%}
}

/*** ipad portrait / landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  header .q_logo img.mobile {margin: 22px auto}
  .nomobile {display:none !important}
  .nopc{display:block !important}
}

/*** ipad portrait  */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  header .q_logo img.mobile {margin: 22px auto}
  .nomobile {display:none !important}
  .nopc{display:block !important}

}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header .q_logo img.mobile {margin: 22px auto}
    .cols5home div div div.vc_col-sm-3 {width:100%}
	.cols4home div div div.vc_col-sm-3 {width:100%}
    .nomobile {display:none !important}
    .nopc{display:block !important}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header .q_logo img.mobile {margin: 22px auto}
    .nomobile {display:none !important}
    .nopc{display:block !important}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header .q_logo img.mobile {margin: 22px auto}
    .cols5home div div div.vc_col-sm-3 {    width: 50%;    float: left;    height: 90px;}
	.cols4home div div div.vc_col-sm-3 {    width: 50%;    float: left;    height: 90px;}
    .nomobile {display:none !important}
    .nopc{display:block !important}

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
    header .q_logo img.mobile {margin: 22px auto}
    .nomobile {display:none !important}
    .nopc{display:block !important}
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    header .q_logo img.mobile {margin: 22px auto}
    .nomobile {display:none !important}
    .nopc{display:block !important}
}