body{
     min-width: 530px;
}

#main{
  min-width: auto!important;
  max-width: auto!important;
  width: auto!important;
margin:0;
}

/* WIDE */
@media only screen and (min-width: 950px) {
 .front .content-area, .page-civicrm-member-dashboard .content-area{
  min-width: 900px!important;
} 
 #primary {
    max-width: 900px;
    min-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

 #primary #content{
     max-width: 640px;
     min-width: 640px;
  }

.page-civicrm-member-dashboard  #primary,
.page-civicrm-contribute #primary
 {
    max-width: 690px;
    min-width: 690px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

 .crm-container .crm-section .content {
    margin-left: 35%;
}
 .crm-section>.label ,  .payment_processor-section>.label label{
  margin-left:11%!important;
}

    #frontbuttons{
    max-width:60%!important;
      margin-left: 20%;
  }

  #secondary{
 width:240px!important;
}
  
    .front #primary #content , .page-civicrm-member-dashboard #primary #content {
     max-width: 550px;
     min-width: 550px;  }
}


/* NARROW */
@media only screen and ( max-width:950px) {
  #primary #content{
    max-width: 430px!important;
    min-width: 430px!important;
  }
  #primary {
  max-width: 430px!important;
    min-width: 430px!important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .crm-container .crm-section .content {
    margin-left: 35%;
}
.crm-section>.label , .payment_processor-section>.label label{
  margin-left:0%!important;
  width:140px!important;
}
  label[for="CIVICRM_QFID_3_payment_processor_id"]{
    max-width: 60%;
  } 
 .page-civicrm-contribute  #secondary{
    display: none!important;}
  
  .paymentinstructions img{
    display: none
  }
}
/*//////////////*/
    #logo img{
    margin:auto!important;
  }

.front #secondary, .page-civicrm-member-dashboard #secondary{
  display: initial
}



#frontbuttons a{
    font-size: 35px!important;

}

#frontbuttons div{
  height: auto!important;
  padding: 5px 0 5px 0!important;
}

.group-wrapper{
  background-color:#fefefe;
}

.page-civicrm-contribute #primary #content,
.front #primary #content
{
  background-color: #fefefe;
  padding:15px 25px 25px 25px!important;
  position:relative;
  top:-15px;
  border-radius: 20px;
}

.page-civicrm-contribute h1{
  padding-bottom:10px
}

.page-civicrm-contribute .price-set-option-content{
  border-radius: 10px;
  float:left;
  margin-left:15px;
  margin-bottom:15px!important;
 text-align: center;
 font-weight: 400;
 border: 1px solid #9AAFBC;
 background: #EFEBEC;
}

.page-civicrm-contribute .price-set-option-content label{
  width:160px;
  height: 60px;
  margin:0!important;
  padding:15px;
  cursor: pointer!important;
  display: table-cell!important;
  border-radius: 10px;
}



.page-civicrm-contribute .highlight{
  background-color: #cc0000!important;
}

.page-civicrm-contribute .crm-container.crm-public .price-set-row .highlight span{
  color:white!important;
}

.page-civicrm-contribute .price-set-option-content input{
  display:none
}

#allow_auto_renew{clear:both;
  padding-top:5px;
  padding-bottom:10px;
  padding-left:25%;
}

.Member_dues_USD_-content{
  padding:0!important;
}

.Member_dues_USD_-section .label,
.contribution_amount-section .label
{
  display: none;
}
.Member_dues_USD_-section .content,
.contribution_amount-section .content
{
  margin:0!important;
  padding:0!important;
}


.page-civicrm-contribute fieldset{
  border: none!important;
}

.page-civicrm-contribute legend{
  font-size:x-large!important;
  color:#555!important;
}

.crm-form-text{
  margin-top: 0px!important;
}
.crm-form-radio{
margin-top: 5px;
}

.payment_processor-section .crm-form-radio {
  display: inline-block;
  width: 5%!important;
  margin: none!important;
  padding: none!important;
}

.payment_processor-section div label {
  display:inline-flex;
  width:90%;
  margin: none!important;
  padding: none!important;
}


#premiums-listings{
  width:100%!important;
  font-size: smaller!important;
  margin-top:20px!important;
}

.premium {
  padding:5px;
  width:80%;
  margin-left:7%!important;
}

.premium>div{
  border-radius: 10px!important;
}

.premium div{
  font-size: small!important;
  padding:0!important;
  margin: 0 !important;
}

#premiums-listings .premium-short,  #premiums-listings .premium-full {
  text-align: center!important;
  display: block;
  padding:15px!important;
  padding:15px!important;
}

.premium-short{
  background: #FEBEC!important;
  border: 1px solid #9AAFBC!important;
}
  
.premium-full{
  border: 1px solid #9AAFBC!important;
  background-color: #cc0000!important;
  color:white!important;
}

.premium-full-options, .premium-full-description{
  text-align: left;
  display:flow-root;
}

.premium-full-title{
  font-weight:bold!important;
  
  
}

.premium  img, .premium-full-image , premium-short-thumbnail{
  padding:0px!important;
  margin: 0!important;
  width: 150px!important;
  border-right:20px solid transparent!important;
}

.premium-full-disabled{
  color:white!important;
  font-weight: bold!important;
  padding:15px!important;
}

.premium input[type=checkbox]{
  display: none
}

.crm-credit_card_type-icons{
  margin:-20px 0 45px!important;
  padding:0!important;
}

#billingcheckbox{
  margin-top:20px;
  margin-left:25%
}
#pricesetTotal{
  font-weight: bold;
}

.crm-error{
  border-radius: 5px;
  padding:4px 7px 5px 7px!important;:
}

.messages{
  padding: 10px!important;;
}

.crm-marker{
  margin-right:0!important;
}

.crm-public-form-item label, .billing_mode-section label{
  font-size:15px!important;
}

.crm-public-form-item .content label, #payment_information>label, .group-wrapper {
  font-size:13px!important;
  font-weight:normal!important;
}

select{
  padding:0 2px 0 2px!important;
}

.page-civicrm-contribute .description{
  margin-top:5px!important;
  max-width:70%!important;
  display:block;
  font-size: small!important;
}

.crm-form-text, .crm-container input.crm-form-password {
  font-size: small!important;
  margin: 0!important;
  padding:3px 5px 3px 5px!important;
  max-height: 23px!important;
  max-width: 196px!important;
}

.credit_card_exp_date-section .crm-form-select{
  font-size:small!important;
}

.select2-container{
  font-size: 12px !important;
  width: 207px!important;
}

.select2-choice{
  margin:0!important;
  padding: 2px 5px 1px 7px!important;
}

#checkavailability strong{

  font-size:small!important;
  font-weight: normal!important;
  border:1px solid #79BDDF;
  background-color:#C3EBFF;
  border-radius: 5px;
  padding:3px;
  display:inline-block;
  vertical-align: middle;
}

.paymentinstructions{
  display: block;
  max-width:80%;
  margin:25px 0 30px 5%;
  padding: 20px 25px 25px 25px;
  border:1px solid orange;
  background-color: #FFEFB9;
  border-radius: 5px;
}

.paymentinstructions dd{
  font-weight: normal;
  margin:5px 0 5px 15px
}

.paymentinstructions dt{
  margin-left:5px;
  clear:both
}
.paymentinstructions h2{
  font-size: 26px!important;
  margin-bottom: 10px;

}

.paymentinstructions .address{
  margin:5px 0 15px 20px;
  font-style: italic
}

.paymentinstructions img{
  float:right;
  margin-left:30px;
  margin-right:0px;
  position:relative;
  bottom:2em;
}

#frontbutton-join{
 /* background-color:#ff00ff!important;*/
  border-radius: 30px 30px 0 0!important;
}

/*
#frontbutton-renew{
background-color: #930093!important;
}
#frontbutton-donate{
  background-color: #42009a!important;
}
*/

#frontbutton-donate{
    border-radius: 0 0 30px 30px!important;
  margin-bottom:30px

}

#frontbutton-account{
  border-radius: 30px!important;
    box-shadow:0px 3px 2px #aaa;

}
#frontbuttons div{
  text-shadow: 0px 0px 8px #22004e;
  box-shadow:0px 3px 2px #ccc;
  
}
.premium-full-title{
border-bottom:10px solid transparent
}

.preoption{
  text-align: right;
  display:block;
  float:right;
  font-weight:bold;
  border-top: 1em solid transparent;
  border-bottom:1em solid transparent;
  border-right: 40px solid transparent;
  width:200px;
}

.premium-full select{
  float: right;
  display: block;
  clear:both;
}

.fa-chevron-left, .fa-check, .crm-form-submit {
  font-size:large!important;
}

.webform-client-form-35 .form-type-radio{
  display: inline-block
}

/* Libreplanet */

.page-cfs-list #content, 
.page-cfs-list #primary #content,
.page-cfs-list .left-content
{
  width: unset !important;
  min-width: unset!important;
  max-width: unset!important;
  margin: 0!important;
  margin-left:30px !important;

  
}

.page-cfs-list #primary{  
  max-width: unset!important;
}

.hoverwrapper {
  width:16px;
  height:16px;
  }

.hovertext {

visibility:hidden;
display:block;
padding:15px;
width:500px;
max-height:200px;
position: relative;
z-index: 5;
border:1px solid orange;
background-color: wheat;

top:-30px;
left:-250px;
overflow-y:  scroll;
}

.hoverwrapper:hover .hovertext {
visibility:visible;
}

.hoverimg {
  width:16px
}
.view-subfooter-number{
  display: none
}

.lptrack{
padding:0 4px 0 4px;
border-radius: 5px
  
}

.lptrack1{background-color:teal;}
.lptrack2{background-color:grey;}
.lptrack3{background-color:violet;}
.lptrack4{background-color:darkorange;}
.lptrack5{background-color:brown;}
.lptrack6{background-color:orange;}
.lptrack7{background-color:cyan;}
.lptrack8{background-color:green;}
.lptrack9{background-color:salmon;}
.lptrack10{background-color:yellow;}

.view-id-lp_schedule_2020 .view-grouping-header{
  font-size: 25px;
  font-weight: bold;
  border-top:4px solid #ccc;
  padding-top:20px!important;
}

.view-id-lp_schedule_2020 .col-1{
  width:33%
}
.view-id-lp_schedule_2020 .col-2{
  width:33%;
}
.speakerpic{
border-radius: 10px

}

.talkblock{
  clear: both;
  float:left;
  display: block;
  width:50%;
  text-align: justify;
  margin-bottom:40px;
  background-color:#eee;
  padding:4% 5% 4% 5%;
  border-radius: 20px;

}

.speakerblock{
  float:right;
  display: right;
  width:32%;
  border-left:10px dotted #eee;
  padding-left:3%;
  text-align: left;
  margin-bottom:40px;
  

}

.speakerblock .speakerpic{
  width: 80%;
  margin:5% 10% 5% 10%
}

.speakerblock h2{
  padding-bottom: 0.3em
}

.talkblock h2{
  padding-bottom: 0.3em;
  font-size:20px;
  text-align: left;
}

.talkblock .abstract{
  margin-top:20px
}

.logged-in .hideifloggedin {
display:none}