/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@import url('/themes/custom/drupal8_parallax_theme_gasbr/css/gasbr_forms.css');

tbody tr td fieldset.crm-group.tell_friend_emails-group table tbody tr td {
  width: 180px;
}

tbody tr td fieldset.crm-group.tell_friend_emails-group table tbody tr td input {
  width: 170px;
}

div.crm-group.tell_friend_form-group table.form-layout-compressed tbody tr {
  display: inline-block;
  width: 600px;
}

// .crm-container .crm-form-block h3 {
//   background-color: #532c6c;
// }

div.field__item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  max-height: 300px;
}

.crm-container h3,
.crm-container .crm-form-block h3 {
  background-color: #532c6c;
  color: #ffffff;
}

.crm-container a.button, 
.crm-container a.button:link, 
.crm-container a.button:visited, 
.crm-container .ui-dialog-buttonset .ui-button, 
.crm-container .crm-button {
  background-color: #532c6c;
}

.media-oembed-content {
  width: 85%;
  height: auto;
}

#crm-container.crm-public .label, 
#crm-container.crm-public .price-field-amount {
  color: #3E3E3E;
}

form.CRM_Contribute_Form_Contribution_Main label {
  color: #3E3E3E;
}

// Style payment methods, one option per line -- 
// .crm-public-form-item.crm-section.payment_processor-section { }

.price-set-option-content.highlight {
  padding: 0px;
}

body {
  font-weight: 400;
}

body p {
  font-size: medium;
}

.content h1{
  text-transform: none;
}
.content p{
  margin: 0 0 1.2em 0; 
}
.content li{
  margin-bottom: .5em;
}

a {
  color: #30ae50;
}

a:hover {
    color: #f2b602;
}

.region-primary-menu li a {
  color: #532c6c;
}

.menu-base-theme li a:hover, .menu-base-theme li a:focus, .menu-base-theme li a:active, .menu-base-theme li a.highlighted {
  color: #381e48;
}

#main-menu .is-active {
  color: #532c6c;
}

h1, .h1, h2, h2.title, .h2, h3, .h3, h4, .h4 {
  color: #532c6c;
}

.parallax-widget h2.title {
  text-align:center;
  font-weight: 600;
  font-size: 1.3em;
}

.crm-container a, .crm-container a:link, .crm-container a:visited {
    color: #30ae50;
}

.crm-container a:hover {
    color: #30ae50;
}

.crm-container a:hover {
    color: #f2b602;
}

@media (max-width: 768px) {
  .region-primary-menu {
    background: #ffffff;
  }
} 

.main-header {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, .9);
}

.brand.site-name {
  display:none;
}

@media (min-width: 992px) {
  .col-md-3 {
    width: 18%;
  }
}
@media (max-width: 992px) {
  .region-header .logo {
    max-width: 100px;
  }
}

.btn, input[type="submit"] {
    background: #806c78;
//  background: #532c6c;
    color: #fff;
}

.btn:hover, input[type="submit"]:hover {
    background: #30ae50;
    color: #fff;
}

/* social icons not in font-awesome */
.footer-menu .fa-telegram{
  background: url('/themes/custom/drupal8_parallax_theme_gasbr/images/social_media/telegram.png') center no-repeat;
}
/*  background: url('/sites/default/files/inline-images/telegram.png') center no-repeat; */
.footer-menu .fa-gettr{
  background: url('/themes/custom/drupal8_parallax_theme_gasbr/images/social_media/gettr.png') center no-repeat;
}
/*  '/sites/default/files/inline-images/gettr.png' */
.footer-menu .fa-spinster{
  background: url('/themes/custom/drupal8_parallax_theme_gasbr/images/social_media/spinster.png') center no-repeat;
}
/*  background: url('/sites/default/files/inline-images/spinster.png') center no-repeat; */
.footer-menu .fa-ovarit{
  background: url('/themes/custom/drupal8_parallax_theme_gasbr/images/social_media/ovarit.png') center no-repeat;
}
/*  background: url('/sites/default/files/inline-images/ovarit.png') center no-repeat; */

.footer-menu .fa-telegram,
.footer-menu .fa-gettr,
.footer-menu .fa-spinster,
.footer-menu .fa-ovarit {
  background-size: contain;
  width: 12px;
  height: 12px;
  vertical-align: middle;  
}

.footer-menu .telegram:hover,
.footer-menu .gettr:hover,
.footer-menu .spinster:hover,
.footer-menu .ovarit:hover {
  -webkit-filter: invert(100%) grayscale(100%) brightness(50%) sepia(60%) hue-rotate(250deg) saturate(700%);
  -moz-filter: invert(100%) grayscale(100%) brightness(50%) sepia(60%) hue-rotate(250deg) saturate(700%);
  filter: invert(100%) grayscale(100%) brightness(50%) sepia(60%) hue-rotate(250deg) saturate(700%);
  
}

.parallax-widget { background: url("/themes/custom/drupal8_parallax_theme_gasbr/images/parallax/one.jpg"); background-size: cover; min-height: 500px; }
.parallax-widget.zero { background: url("/themes/custom/drupal8_parallax_theme_gasbr/images/parallax/zero.jpg"); background-size: cover; }
.parallax-widget.one { background: url("/themes/custom/drupal8_parallax_theme_gasbr/images/parallax/one.jpg") fixed; background-size: cover; }
.parallax-widget.two { background: url("../images/parallax/two.jpg"); background-size: cover; }
.parallax-widget.three { background: url("../images/parallax/three.jpg"); background-size: cover; }
.parallax-widget.four { background: url("../images/parallax/four.jpg"); background-size: cover; }
.parallax-widget.five { background: url("../images/parallax/five.jpg"); background-size: cover; }
.parallax-widget.six { background: url("../images/parallax/six.jpg"); background-size: cover; }
.path-frontpage .parallax-widget.one { background: url("/themes/custom/drupal8_parallax_theme_gasbr/images/parallax/one.jpg"); background-size: cover; }

/* ../images/parallax/zero.jpg */
/* ../images/parallax/one.jpg */

/* /themes/custom/drupal8_parallax_theme_gasbr/images/parallax/zero.jpg */
/* /themes/custom/drupal8_parallax_theme_gasbr/images/parallax/one.jpg */

.glass {
  /* background styles */
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: #532c6c; /*for compatibility with older browsers*/
  background-image: linear-gradient(#532c6c,#eac049);
  border: 2px solid silver;
  /* text styles */
  text-decoration: none;
  color: #fff;
  line-height: 1.2;
  font-size: 25px;
  font-family: 'New Century Schoolbook';
  font-weight: 600;

  border-radius: 8px;
  box-shadow: 0px 1px 4px -2px #333;
  text-shadow: 0px -1px #333;
}

.glass:hover {
  background: linear-gradient(#073,#0fa);
}

.glass:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: 50%;
  background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

#s2id_price_16 {
  width: 85%;
}

.crm-container .crm-section .content {
  margin-left: 25%;
}

form#contact-message-contact-gasbr-form textarea, input[type=text] {
  width: 90%;
}

blockquote {
  border-left: 8px solid #30ae50;
  padding-bottom: 10px;
}

blockquote p {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 2px;
}

.if-not-you p {
  color: #000000;
}

fieldset#edit-questionnaire-completed-by {border:2px dotted #00f}
fieldset#edit-campaign {border:2px dotted #00f}