/******************
*  *
*******************/
@font-face {
  font-family: oggFont;
  src: url(/wp-content/themes/rosa-hsa/fonts/Ogg-Regular.otf);
}

@font-face {
  font-family: LibreBaskerville;
  src: url(/wp-content/themes/rosa-hsa/fonts/LibreBaskerville-Regular.ttf);
}


/***************/
/***************/

.vip-2021-virtual-benefit-html,
.virtual-benefit-html {
    margin-top: 0 !important;
    background-color: #BE7348;
}


.post-type-archive-vip-gala-2021 {
    font-family: oggFont;
    background-color: #BE7348;
    color: #F6F6F6;
    /*margin-top: -30px;*/
    height: auto;
    
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/collage-bg.png);
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-size: 50% 85%;
    background-position: top right;
}


.post-type-archive-vip-gala-2021 .top_menu,
.post-type-archive-vip-gala-2021 .header-container,
.post-type-archive-virtual-benefit-2021 .top_menu,
.post-type-archive-virtual-benefit-2021 .header-container,
.post-type-archive-virtual-benefit2021m .top_menu ,
.post-type-archive-virtual-benefit2021m .header-container{
    display: none;
}

.post-type-archive-vip-gala-2021 section {
    /*background-color: #BE7348;*/
    font-family: oggFont;
}

.post-type-archive-vip-gala-2021 h1 {
    font-family: oggFont;
    color: #F6F6F6;
    font-weight: normal;
    width: 75%;
    text-align: right;
    margin-top: 20px;
    font-size: 2.8rem;
    margin-bottom: 60px;
    text-transform: none;
}

.post-type-archive-vip-gala-2021 h1 span {
    font-size: 4rem;
    font-family: oggFont;
}

/* ONE COLUMN */
.post-type-archive-vip-gala-2021 .one-column,
.post-type-archive-virtual-benefit-2021 .main .one-column,
.post-type-archive-virtual-benefit2021m  .main .one-column {
  text-align:center;
  padding-top: 1em;

}

.post-type-archive-vip-gala-2021 .one-column img {
  width:20%;
  height:auto;
}

/* TWO COLUMN FLEXBOX */
.post-type-archive-vip-gala-2021 .two-column,
.post-type-archive-virtual-benefit-2021 .main .two-column,
.post-type-archive-virtual-benefit2021m .main .two-column {
  display:flex;
  flex-direction:row;
}
.post-type-archive-vip-gala-2021 .two-column .column,
.post-type-archive-virtual-benefit-2021 .main .column,
.post-type-archive-virtual-benefit2021m .main .column{
  flex:1;
  
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
}

.post-type-archive-vip-gala-2021 .two-column .image {
   align-items:stretch;
}


.post-type-archive-vip-gala-2021 .two-column .brocha {
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/gif-brochazo2.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.post-type-archive-vip-gala-2021 .two-column .info {
    top: -6em;
    position: relative;
    
}

.post-type-archive-vip-gala-2021 .two-column .info h3,
.post-type-archive-vip-gala-2021 .two-column .info p,
.post-type-archive-vip-gala-2021 .two-column .info a {
    font-family: oggFont;
    color: #F6F6F6;
    font-size: 1.2em;
}

.post-type-archive-vip-gala-2021 .two-column .info h3 {
    font-size: 1.4em;
}

.post-type-archive-vip-gala-2021 .two-column .info p {
    text-align: center;
    border: 1px solid;
    padding: 0.5em;
}

.post-type-archive-vip-gala-2021 .two-column .info h3 {
    font-weight: bold;
}

.post-type-archive-vip-gala-2021 .two-column .info a {
    letter-spacing: 0.2em;
}
.post-type-archive-vip-gala-2021 .go-to {
    margin-bottom: -5em;
    
}

.post-type-archive-vip-gala-2021 .two-column img {
  width:80%;
  height:auto;
  margin-left: 2em;
}

.post-type-archive-vip-gala-2021 .two-column .inner-logos {
  text-align: center;
  padding-right: 5em;
  margin-top: -1em;
    
}

.post-type-archive-vip-gala-2021 .inner-logos img {
    width: 20%;
}

.post-type-archive-vip-gala-2021 .inner-logos a:first-child, .post-type-archive-vip-gala-2021 .inner-logos a:nth-child(2) {
   padding-right: 2em;
}

.post-type-archive-vip-gala-2021 .footer {
    margin-top:-1em;
    padding-bottom:2em;
}
.post-type-archive-vip-gala-2021 .social-icons,
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons{
  text-align: center;
  }  
.post-type-archive-vip-gala-2021 .social-icons li,
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons li,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons li{
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.post-type-archive-vip-gala-2021 .social-icons li a,
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons li a,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons li a{
  border-bottom: none;
  }
  
.post-type-archive-vip-gala-2021 .social-icons .fab {
  padding: 10px;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  margin: 0px 10px;
  border-radius: 50%;
  border: 1px solid #F6F6F6;
  color: #F6F6F6 ;
  font-weight: bold;
}

.post-type-archive-vip-gala-2021 .social-icons li:first-child .fab {
    padding-left: 13px;
    padding-right: 13px;
} 

.post-type-archive-vip-gala-2021 .social-icons .fab:hover,
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons .fab:hover,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons .fab:hover {
    opacity: 0.7;
    color: #C7C6C6;
}

/**************************/
/**********Main Gala*********/
/*************************/

.post-type-archive-virtual-benefit-2021 *,
.post-type-archive-virtual-benefit2021m *
{
padding: 0px;
margin: 0px;
font-family: oggFont;;
}

.post-type-archive-virtual-benefit-2021,
.post-type-archive-virtual-benefit2021m{
    font-family: oggFont;
    background-color: #BE7348;
    color: #F6F6F6;
}

.post-type-archive-virtual-benefit-2021 .link,
.post-type-archive-virtual-benefit2021m .link{
    text-align: center;
    border: 2px solid #F6F6F6;
    padding: 0.3em;
    line-height: 0;
    width: 11%;
    position: relative;
    top: 3em;
    left: 10em;
    margin-top: -1.8em;
    z-index: 900;
}
.post-type-archive-virtual-benefit-2021 .link a,
.post-type-archive-virtual-benefit2021m .link a{
  color: #F6F6F6;  
}

.post-type-archive-virtual-benefit-2021 header,
.post-type-archive-virtual-benefit2021m header
{
	/*height: 100vh;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	/*padding-bottom: 30px;*/
	text-align: center;
	
	background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/bg-triangle.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 64%;
	
}

.post-type-archive-virtual-benefit2021m header {
    background-size: 100% 60% !important;
}

.post-type-archive-virtual-benefit-2021 header .logo,
.post-type-archive-virtual-benefit2021m header .logo{
    width: 20%;
    height: auto;
    
}



.post-type-archive-virtual-benefit-2021 header .main-collage-block::before,
.post-type-archive-virtual-benefit2021m header .main-collage-block::before{
    content: "";
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/dama-movimiento2.gif);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 30vw;
    height: 21vw;
    top: 17.5vw;
    left: 34vw;
    background-size: cover;
    display: inline-block;
    aspect-ratio: 1.38;
}
.post-type-archive-virtual-benefit-2021 header .main-collage-block,
.post-type-archive-virtual-benefit2021m header .main-collage-block{
    width: 100%;
    position: relative;
    top: -8em;

}
.post-type-archive-virtual-benefit-2021 header .main-collage,
.post-type-archive-virtual-benefit2021m header .main-collage{
   width: 70%;
    margin-bottom: 0em;

}

.post-type-archive-virtual-benefit-2021 header .main-text,
.post-type-archive-virtual-benefit2021m header .main-text{
    /*margin-top: -8em;*/
    position: relative;
    top: -16em;
    
}

.post-type-archive-virtual-benefit2021m header .main-text{
     top: -14em !important;
}

.post-type-archive-virtual-benefit-2021 header p,
.post-type-archive-virtual-benefit2021m header p{
    font-size: 3rem;
    color: #F6F6F6;
    line-height: 1.1em;
    text-align: center;
}

.post-type-archive-virtual-benefit-2021 .p-info1,
.post-type-archive-virtual-benefit2021m .p-info1{
    margin-top: 3em;
}
.post-type-archive-virtual-benefit-2021 .p-info1,
.post-type-archive-virtual-benefit-2021 .p-info2,
.post-type-archive-virtual-benefit-2021 .p-info3,
.post-type-archive-virtual-benefit-2021 .p-info4,
.post-type-archive-virtual-benefit2021m .p-info1,
.post-type-archive-virtual-benefit2021m .p-info2,
.post-type-archive-virtual-benefit2021m .p-info3,
.post-type-archive-virtual-benefit2021m .p-info4
{
    font-size: 1.5rem;
    line-height: 1.5em;
    color: #F6F6F6;
    text-align: center;
}
.post-type-archive-virtual-benefit2021m .p-info0 {
    margin-top: 1em;
    width: 80%;
    text-align: center;
    margin: auto;
    margin-bottom: 0.5em;
}

.post-type-archive-virtual-benefit-2021 .p-info4,
.post-type-archive-virtual-benefit2021m .p-info4{
    margin-top: 1.5em;
    margin-bottom: 3em;
}

.post-type-archive-virtual-benefit-2021 .main,
.post-type-archive-virtual-benefit2021m .main
{
	width: 100%;
	background-color: #BE7348;
	height: 100vh;
	margin-top: -20em;
}
.post-type-archive-virtual-benefit2021m .main {
        margin-top: -16em !important;
}

.post-type-archive-virtual-benefit-2021 .main .map,
.post-type-archive-virtual-benefit2021m .main .map
{
     background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(/wp-content/themes/rosa-hsa/img/gala-benefit/bg-map3.jpg); 
 
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
    align-items: flex-end;
    max-height: 1015px;
    background-attachment: fixed;
}
.post-type-archive-virtual-benefit-2021 .main .map .img-border,
.post-type-archive-virtual-benefit2021m .main .map .img-border{
    height: 100%;
    position: relative;
    right: 0em;
    z-index: 1;
}


.post-type-archive-virtual-benefit-2021 .main .ticket,
.post-type-archive-virtual-benefit2021m .main .ticket{
    background-color: #c7c6c6;
    color: #BE7348;
    justify-content: initial;
    align-items: normal;
    /*max-height: 1015px;*/
}

.post-type-archive-virtual-benefit-2021 .main .ticket h3,
.post-type-archive-virtual-benefit-2021 .main .about h3,
.post-type-archive-virtual-benefit2021m .main .ticket h3,
.post-type-archive-virtual-benefit2021m .main .about h3
{
    color:  #BE7348;
    text-transform: capitalize;
    font-size: 2.3rem;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
}

.post-type-archive-virtual-benefit-2021 .main .ticket h3,
.post-type-archive-virtual-benefit2021m .main .ticket h3 {
    text-align: center;
    margin-bottom: 0em;
}

.post-type-archive-virtual-benefit-2021 legend label,
.post-type-archive-virtual-benefit2021m legend label {
    margin-top: 0;
}

/********************

.post-type-archive-virtual-benefit-2021 .main .ticket #bbox-root,
.post-type-archive-virtual-benefit2021m .main .ticket #bbox-root {
    margin: 0 auto;
}

.post-type-archive-virtual-benefit-2021 #bboxevent_lblEventName,
.post-type-archive-virtual-benefit2021m #bboxevent_lblEventName {
    display:none;
}

.post-type-archive-virtual-benefit-2021 #bboxevent_priceselect_lblAddedDonation,
.post-type-archive-virtual-benefit-2021 #txtAddedDonation,
.post-type-archive-virtual-benefit2021m #bboxevent_priceselect_lblAddedDonation,
.post-type-archive-virtual-benefit2021m #txtAddedDonation
{
    color:  #BE7348;
}

.post-type-archive-virtual-benefit-2021 .main .ticket label,
.post-type-archive-virtual-benefit2021m .main .ticket label, #bboxdonation_gift_lblGiftType, #bboxdonation_billing_lblFullName, #bboxdonation_payment_lblPaymentMethod {
    line-height: 30px!important;
    width: auto !important;
}

.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormSectionPriceSelect legend,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormSectionPriceSelect legend {

    display: none;
}

.post-type-archive-virtual-benefit-2021 .main .ticket  .BBFormEventTime,
.post-type-archive-virtual-benefit2021m .main .ticket  .BBFormEventTime {
    margin-left: 5px;
}

.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormContainer[data-bbox-part-id="96d282ef-3296-4a01-ae59-0f9f84e7c990"] .BBFormPriceName,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormContainer[data-bbox-part-id="7e8858a4-aab6-4c6c-b155-27b132b1ac89"] .BBFormPriceName
{
    font-size: 1em;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormContainer[data-bbox-part-id="96d282ef-3296-4a01-ae59-0f9f84e7c990"] .BBFormPriceDescription,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormContainer[data-bbox-part-id="7e8858a4-aab6-4c6c-b155-27b132b1ac89"] .BBFormPriceDescription
{
    font-size: .8em;
}
/********************/

.post-type-archive-virtual-benefit-2021 .main .about,
.post-type-archive-virtual-benefit2021m .main .about{
    background-color: #BE7348;
    
}

.post-type-archive-virtual-benefit-2021 .main .about h3,
.post-type-archive-virtual-benefit2021m .main .about h3 {
    color: #F6F6F6;
    padding-top: 1em;
}

.post-type-archive-virtual-benefit-2021 .main .about .content-box,
.post-type-archive-virtual-benefit2021m .main .about .content-box {
    padding-left: 8em;
    padding-right: 8em;
}
.post-type-archive-virtual-benefit-2021 .main .about .content-box-inner,
.post-type-archive-virtual-benefit2021m .main .about .content-box-inner {
  /*columns: 2 auto;*/
  padding-bottom: 8em;

}

.post-type-archive-virtual-benefit-2021 .main .about p,
.post-type-archive-virtual-benefit2021m .main .about p {
    color: #F6F6F6;
  font-family: LibreBaskerville;
  line-height: 30px;
  text-align: justify;
}
.post-type-archive-virtual-benefit-2021 .main .about p:first-child,
.post-type-archive-virtual-benefit2021m .main .about p:first-child {
    margin-bottom: 2em;
}

.post-type-archive-virtual-benefit-2021 .main .img-benefit,
.post-type-archive-virtual-benefit2021m .main .img-benefit {

    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/map-benefit-comitee.png);
/*    background-size: 45.8%;
    background-repeat: no-repeat;
    aspect-ratio: 0.8;
    height: 63vw;
    align-items: flex-start;*/
    /*aspect-ratio: 0.8;*/
    align-items: flex-end;
    /*height: 55vw;*/
    background-size: contain;
    background-attachment: fixed;
    
}

.post-type-archive-virtual-benefit-2021 .main .img-benefit .img-benefits,
.post-type-archive-virtual-benefit2021m .main .img-benefit .img-benefits{
    height: auto;
}

.post-type-archive-virtual-benefit-2021 .main .list-benefit h3,
.post-type-archive-virtual-benefit2021m .main .list-benefit h3 {
    /*padding-top: 0em !important;*/
}

.post-type-archive-virtual-benefit-2021 .main .dance,
.post-type-archive-virtual-benefit2021m .main .dance {
    min-height: 70vh;
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/tree2.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    position: relative;
}
.post-type-archive-virtual-benefit-2021 .main .dance .couple,
.post-type-archive-virtual-benefit2021m .main .dance .couple{
    width: 40%;
    position: absolute;
    bottom: -3em;
}

.post-type-archive-virtual-benefit-2021 .main .sponsors,
.post-type-archive-virtual-benefit-2021 .main .board,
.post-type-archive-virtual-benefit2021m .main .sponsors,
.post-type-archive-virtual-benefit2021m .main .board
{
    background: #c7c6c6 ;
    padding-bottom: 5em;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors h3,
.post-type-archive-virtual-benefit2021m .main .sponsors h3
{
    font-size: 2.3rem ;
    color: #F6F6F6;
    text-transform: capitalize;
    margin-top: 2em;
    margin-bottom: 2em;
}

.post-type-archive-virtual-benefit-2021 .main .sponsors .inner-logos,
.post-type-archive-virtual-benefit2021m .main .sponsors .inner-logos {
  text-align: center;
  margin-top: 1em;
    
}
.post-type-archive-virtual-benefit-2021 .main .sponsors .inner-logos .logo1,
.post-type-archive-virtual-benefit2021m .main .sponsors .inner-logos .logo1
{
    position:relative;
    top:10px;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors .inner-logos a,
.post-type-archive-virtual-benefit2021m .main .sponsors .inner-logos a
{
    margin-right: 3em;
}

.post-type-archive-virtual-benefit-2021 .main .sponsors img,
.post-type-archive-virtual-benefit2021m .main .sponsors img {
    width: 14%;
}

.post-type-archive-virtual-benefit-2021 .main .benefits,
.post-type-archive-virtual-benefit2021m .main .benefits{
    align-items: stretch;
    
}

.post-type-archive-virtual-benefit-2021 .main .list-benefit,
.post-type-archive-virtual-benefit2021m .main .list-benefit
{
    background-color: #BE7348;
    color: #F6F6F6;
    
}

.post-type-archive-virtual-benefit-2021 .main .list-benefit h3,
.post-type-archive-virtual-benefit-2021 .main .board h3,
.post-type-archive-virtual-benefit2021m .main .list-benefit h3,
.post-type-archive-virtual-benefit2021m .main .board h3
{
    padding-top: 2em;
    padding-bottom: 1em;
    text-transform: capitalize;
    font-size: 2.3rem;
    color: #F6F6F6;
}


.post-type-archive-virtual-benefit-2021 .main .list-commitee,
.post-type-archive-virtual-benefit-2021 .main .list-board,
.post-type-archive-virtual-benefit2021m .main .list-commitee,
.post-type-archive-virtual-benefit2021m .main .list-board
{
  color: #F6F6F6;
  list-style-type: none; /* Remove bullets */
  padding: 5px; /* Remove padding */
  margin: 0; /* Remove margins */
  margin-bottom: 3em;
}

.post-type-archive-virtual-benefit-2021 .main .list-commitee li,
.post-type-archive-virtual-benefit2021m .main .list-commitee li
{
  color: #F6F6F6;
  padding: 5px;
  /*font-weight: bold;*/
  text-align: center;
  font-size: 1.2rem;
  font-family: LibreBaskerville;
}


.post-type-archive-virtual-benefit-2021 .main .board,
.post-type-archive-virtual-benefit2021m .main .board {
background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/board3.png);
background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.post-type-archive-virtual-benefit-2021 .main .list-board-block,
.post-type-archive-virtual-benefit2021m .main .list-board-block {
    display: flex;
    justify-content: center;
}

.post-type-archive-virtual-benefit-2021 .main .list-board li,
.post-type-archive-virtual-benefit2021m .main .list-board li {
    color: #F6F6F6;
    font-size: 1.3rem;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    font-family: LibreBaskerville;
}

.post-type-archive-virtual-benefit-2021 .main .footer,
.post-type-archive-virtual-benefit2021m .main .footer {
    color: #BE7348;
    display: flex;
    justify-content: center;
        align-items: center;
        flex-direction: column;
     background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(/wp-content/themes/rosa-hsa/img/gala-benefit/bg-footer2.jpeg); 
background-repeat: no-repeat;
    background-size: cover;
    
}

.post-type-archive-virtual-benefit-2021 .main .footer .img-footer,
.post-type-archive-virtual-benefit2021m .main .footer .img-footer {
    width: 10%;
}

.post-type-archive-virtual-benefit-2021 .main .footer .social-icons,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons
{
    margin-top: 7em;
    margin-bottom: 7em;
}

.post-type-archive-virtual-benefit-2021 .main .footer .social-icons .fab,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons .fab
{
    font-family: "Font Awesome 5 Brands";
    padding: 10px;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  margin: 0px 10px;
  border-radius: 50%;
  border: 1px solid #BE7348;
  font-weight: bold;
    color: #BE7348;
    
}

.post-type-archive-virtual-benefit-2021 .main .footer .footer-text,
.post-type-archive-virtual-benefit2021m .main .footer .footer-text {
    margin-top: 9em;
    margin-bottom: 5em;
}

.post-type-archive-virtual-benefit-2021 .main .footer p,
.post-type-archive-virtual-benefit2021m .main .footer p
{
    color: #BE7348;
    font-size: 1rem;
    text-align: center;
}


.post-type-archive-virtual-benefit-2021 .main .footer .social-icons li:first-child .fab,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons li:first-child .fab
{
    padding-left: 13px;
    padding-right: 13px;
}
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons li:nth-child(2) .fab,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons li:nth-child(2) .fab
{
        padding-left: 12px;
    padding-right: 12px;
}


.post-type-archive-virtual-benefit-2021 #down,
.post-type-archive-virtual-benefit2021m #down
{
	position: absolute;
	top:85vh;
	size: 40px;
	padding: 20px;
	font-size: 2.5em;
}

.post-type-archive-virtual-benefit-2021 #down:hover,
.post-type-archive-virtual-benefit2021m #down:hover
{
	cursor: pointer;
	background-color: #eee;
	opacity: 0.8;
}


/******************************/
/**********ONLINE GALA*********/
/******************************/
.post-type-archive-vip-gala-2021 .two-column .img-benefit, .post-type-archive-virtual-benefit-2021 .main .img-benefit, .post-type-archive-virtual-benefit2021m .main .img-benefit {
    justify-content: flex-end !important;
}




.post-type-archive-vip-gala-2021-2, .virtual-benefit-html2, .virtual-benefit-html2 .post-type-archive-virtual-benefit-2021  {
    background-color: #000 !important;
}

.post-type-archive-vip-gala-2021-2 header .logo {
    margin-bottom: 3em;
}
.post-type-archive-vip-gala-2021-2 .link {
    top:5em;
    font-weight: bold;
}
.post-type-archive-vip-gala-2021-2 .link-right{
    left: 80%;
    top:4.1em;
        font-weight: bold;
}
.post-type-archive-vip-gala-2021-2 header {
    background-image: none;
    background-size: unset;
}



.post-type-archive-vip-gala-2021-2 .toggle-button
{
  width: 10%;
  display: inline-block;
  background-color: black;
  margin: 0 20px 10px 0;
  color: #F6F6F6;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  font-family: oggFont;
}
.post-type-archive-vip-gala-2021-2 .toggle-button a {
    color: #F6F6F6;
  text-align: center;
}
.post-type-archive-vip-gala-2021-2 .toggle-button p {
border: 1px solid #F6F6F6;
font-size: 1em;
font-weight: bold;
    padding: 0.3em;
}

.post-type-archive-vip-gala-2021-2 .toggle-button:hover,
.post-type-archive-vip-gala-2021-2 .toggle-button a:hover 
{
  background-color: #c7c6c6;
  color: #000 !important;  
}

.post-type-archive-vip-gala-2021-2 .toggle-button p:hover {
  color: #000 !important;    
}

.post-type-archive-vip-gala-2021-2 .toggle-video-content {
  display: block;

}

.post-type-archive-vip-gala-2021-2 .hide {
  display: none;
}





.post-type-archive-vip-gala-2021-2 .video-gala {
    border: 0.5px solid #6f6f6f;
}
.post-type-archive-vip-gala-2021-2 .video-gala iframe{
 width: 100vw;
 height: calc(100vw/1.77777778);
}

.post-type-archive-vip-gala-2021-2 header p {
    font-size:4em;
    
}
.post-type-archive-vip-gala-2021-2 header .main-collage-block::before {
    display:none;
}

.post-type-archive-vip-gala-2021-2 .p-info4 {
    margin-bottom: 8em;
}
.post-type-archive-vip-gala-2021-2 header .main-collage-block {
    top: 0 !important;
    background-color: #000;
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/fondo-duquesa-online.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.post-type-archive-vip-gala-2021-2 header .main-collage-block::before {
/*    content: '';
    position: absolute;
      background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/bg-triangle.png);
      background-size: 100% 64%;
    background-repeat:no-repeat;
    background-position: right top;*/
}

.post-type-archive-vip-gala-2021-2 .main .img-benefit {
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/map-benefit-comitee.jpg);
}

.post-type-archive-vip-gala-2021-2 header .main-text {
    top: 0;
    margin-top: 10em;
}

.post-type-archive-vip-gala-2021-2 .main {
    margin-top:0;
    background-color: #000 !important;
}
.post-type-archive-vip-gala-2021-2 .main .dance {
    background-attachment: fixed;
}
.post-type-archive-vip-gala-2021-2 .main .dance .couple {
    width:45%;
}
.post-type-archive-vip-gala-2021-2 .main .about,
.post-type-archive-vip-gala-2021-2 .main .list-benefit{
    background-color: #000 !important;
}

/********************
.post-type-archive-vip-gala-2021-2 #BBPanelHeading,
.post-type-archive-vip-gala-2021-2 .BBFormSectionHeading{
    display:none !important;
}
.post-type-archive-vip-gala-2021-2 #bboxdonation_billing_lblFullName {
    width: 200px !important;
    font-family: oggFont;
}
.post-type-archive-vip-gala-2021-2 #bboxdonation_billing_billingAddress_txtZip{
    width: calc(62% - 195px) !important;
}
/********************/

/*******ALL SITES CHANGES*********/
.list-benefit h4 {
    color: #F6F6F6;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.sponsors .logo-kingbird {
    width: 10% !important;
}
.sponsors .logo-ponce {
    width: 16% !important;
}
.sponsors .logo-fundacion {
    width:5% !important;
}
.sponsors .logo-piper {
    width:9% !important;
}
.sponsors .logo-grow {

}
.post-type-archive-vip-gala-2021 .inner-logos .logo-kingbird {
    width: 15% !important;
}
.post-type-archive-vip-gala-2021 .inner-logos .logo-ponce {
    width: 25% !important;
}
.post-type-archive-vip-gala-2021 .inner-logos .logo-fundacion {
    width: 7% !important;
}
.post-type-archive-vip-gala-2021 .inner-logos .logo-piper {
    width: 16% !important;
}


@media only screen and (max-width: 1024px) {
    .list-benefit h4 {
        font-size: 1.2rem;
    }
    
    .sponsors .logo-kingbird {
    width: 25% !important;
    }
    .sponsors .logo-ponce {
        width: 50% !important;
    }
    .sponsors .logo-fundacion {
        width:21% !important;
    }
    .sponsors .logo-piper {
        width: 31% !important;
        margin-top: 1.5em;
    }
    
    .sponsors a:nth-child(1), .sponsors a:nth-child(2)  {
        margin-bottom: 1.1em;
    }

    .post-type-archive-vip-gala-2021 .inner-logos .logo-kingbird {
        width: 22% !important;
    }
    .post-type-archive-vip-gala-2021 .inner-logos .logo-ponce {
        width: 45% !important;
    }
    .post-type-archive-vip-gala-2021 .inner-logos .logo-fundacion {
        width: 13% !important;
    }
    .post-type-archive-vip-gala-2021 .inner-logos .logo-piper {
    width: 24% !important;
}


}


/********************************/


/**************************/
/**********Mobile*********/
/*************************/
@media only screen and (max-width: 480px) {
  .post-type-archive-vip-gala-2021 .one-column img {
    width: 50%;
  }
  .post-type-archive-vip-gala-2021 .two-column {
   flex-direction: column;
}

.post-type-archive-vip-gala-2021 h1 span {
    font-size: 1.7rem;
}
.post-type-archive-vip-gala-2021 h1 {
    font-size: 1.7rem;
    width: 80%;
    text-align: center;
}
.post-type-archive-vip-gala-2021 .two-column .brocha {
    background-image: none;
}
.post-type-archive-vip-gala-2021 .two-column .image img {
    top: -4em;
    position: relative;
}
.post-type-archive-vip-gala-2021 .two-column .info {
    width: 80%;
    text-align: center;
}
.post-type-archive-vip-gala-2021 .two-column .info h3 {
    font-size: 1rem;
}
.post-type-archive-vip-gala-2021 .two-column .info a {
    font-size: 1rem;
}
.post-type-archive-vip-gala-2021 .inner-logos a:first-child, .post-type-archive-vip-gala-2021 .inner-logos a:nth-child(2) {
    padding-right: 0em;
}
.post-type-archive-vip-gala-2021 .two-column .inner-logos {
    text-align: center;
    padding-right: 2em;
    margin-top: 0em;
}
.post-type-archive-vip-gala-2021 .inner-logos img {
    width: 35%;
}
.post-type-archive-vip-gala-2021 .social-icons {
    margin-left: 0;
}
}



/*Principal*/
@media only screen and (max-width: 1024px) {
.post-type-archive-virtual-benefit-2021 .link,
.post-type-archive-virtual-benefit2021m .link {
padding: 0 0 0 0;
    left: 15px;
    width: 35%;
    top: .5em;
    margin: 0;
    display: none;
}
.post-type-archive-virtual-benefit-2021 .link-footer,
.post-type-archive-virtual-benefit2021m .link-footer,
.post-type-archive-vip-gala-2021-2 .link-footer,
.post-type-archive-vip-gala-2021-2 .link-right-footer{
    color: #BE7348;
    display: block;
    left: 0;
    width: 30%;
    border: 2px solid #BE7348;
    top: 3em;
}
.post-type-archive-virtual-benefit-2021 .link-footer a,
.post-type-archive-virtual-benefit2021m .link-footer a
{
    font-size: 0.7rem !important;
    color: #BE7348;
}
.post-type-archive-virtual-benefit-2021 .link a,
.post-type-archive-virtual-benefit2021m .link a{
   
    font-size: 0.8rem;
}
.post-type-archive-virtual-benefit-2021 header,
.post-type-archive-virtual-benefit2021m header {
    background-image:none;
    height: auto;
    top: 1em;
    position: relative;
    background-size: unset;
    
}

.post-type-archive-virtual-benefit-2021 header .logo,
.post-type-archive-virtual-benefit2021m header .logo {
    width: 40%;
    height: auto;
    position: relative;
    /*left: 25%;*/
    margin-bottom: 1em;
}

.post-type-archive-virtual-benefit-2021 header .main-collage,
.post-type-archive-virtual-benefit2021m header .main-collage
{
        width: 95%;
}
.post-type-archive-virtual-benefit-2021 header p,
.post-type-archive-virtual-benefit2021m header p {
    font-size: 2.2rem;
}
.post-type-archive-virtual-benefit-2021 header .main-collage-block,
.post-type-archive-virtual-benefit2021m header .main-collage-block {
    width: 100%;
    position: relative;
    top: 0em;
    background-color:#BE7348;
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/bg-triangle.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 80%;
    }

.post-type-archive-virtual-benefit-2021 header .main-collage-block::before,
.post-type-archive-virtual-benefit2021m header .main-collage-block::before {
    background: none;
    width: 0;
    height: 0;
    top: 0;
    position: relative;
    left:0;
    display:none;
}
.post-type-archive-virtual-benefit-2021 header .main-text,
.post-type-archive-virtual-benefit2021m header .main-text {
    margin-top: 0;
    position: relative;
     top: 0em;
    }
.post-type-archive-virtual-benefit-2021 .p-info1, .post-type-archive-virtual-benefit-2021 .p-info2, .post-type-archive-virtual-benefit-2021 .p-info3, .post-type-archive-virtual-benefit-2021 .p-info4,
.post-type-archive-virtual-benefit2021m .p-info1, .post-type-archive-virtual-benefit2021m .p-info2, .post-type-archive-virtual-benefit2021m .p-info3, .post-type-archive-virtual-benefit2021m .p-info

{
    font-size: 0.9rem
}
.post-type-archive-virtual-benefit-2021 .main,
.post-type-archive-virtual-benefit2021m .main {
    margin-top: 0em;
    display: unset !important;
    top: 0em;
    position: relative;
    margin: 0;
}
 
.post-type-archive-virtual-benefit-2021 .main .map,
.post-type-archive-virtual-benefit2021m .main .map {
    display: none;
}
.post-type-archive-virtual-benefit-2021 .main .ticket h3,
.post-type-archive-virtual-benefit-2021 .main .about h3,
.post-type-archive-virtual-benefit-2021 .main .sponsors h3,
.post-type-archive-virtual-benefit-2021 .main .list-benefit h3,
.post-type-archive-virtual-benefit-2021 .main .board h3,
.post-type-archive-virtual-benefit2021m .main .ticket h3,
.post-type-archive-virtual-benefit2021m .main .about h3,
.post-type-archive-virtual-benefit2021m .main .sponsors h3,
.post-type-archive-virtual-benefit2021m .main .list-benefit h3,
.post-type-archive-virtual-benefit2021m .main .board h3

{
    font-size: 1.5rem;
}

/********************
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormTableHeader,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormTableHeader
{
    font-size: 1rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormColPriceAmt,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormColPriceAmt

{
    font-size: 1rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormPriceName,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormPriceName {
    font-size: 1.2rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBTableRowCellFinePrint,
.post-type-archive-virtual-benefit2021m .main .ticket .BBTableRowCellFinePrint
{
    font-size: 0.8rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormPriceDescription,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormPriceDescription
{
    font-size: 0.7rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormContainer[data-bbox-part-id="96d282ef-3296-4a01-ae59-0f9f84e7c990"] .BBFormSelectList,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormContainer[data-bbox-part-id="7e8858a4-aab6-4c6c-b155-27b132b1ac89"] .BBFormSelectList
{
    font-size: 0.8rem !important;
}
.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormContainer[data-bbox-part-id="96d282ef-3296-4a01-ae59-0f9f84e7c990"] .BBFormSelectQuantity,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormContainer[data-bbox-part-id="7e8858a4-aab6-4c6c-b155-27b132b1ac89"] .BBFormSelectQuantity
{
    width: 25px;
}

.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormContainer[data-bbox-part-id="96d282ef-3296-4a01-ae59-0f9f84e7c990"] .BBFormSelectList,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormContainer[data-bbox-part-id="7e8858a4-aab6-4c6c-b155-27b132b1ac89"] .BBFormSelectList

{
    min-height: 20px;
}

.post-type-archive-virtual-benefit-2021 .main .ticket .BBFormTableRowCell select,
.post-type-archive-virtual-benefit2021m .main .ticket .BBFormTableRowCell select
{
    height: 25px;
}

.post-type-archive-virtual-benefit-2021 .main .ticket .post-type-archive-virtual-benefit-2021 #bboxevent_priceselect_lblAddedDonation,
.post-type-archive-virtual-benefit2021m .main .ticket .post-type-archive-virtual-benefit-2021 #bboxevent_priceselect_lblAddedDonation
{
    font-size: 0.8rem;
}
.post-type-archive-virtual-benefit-2021 .main .ticket #bboxevent_priceselect_divFooterRow,
.post-type-archive-virtual-benefit2021m .main .ticket #bboxevent_priceselect_divFooterRow
{
    display: none;
}

/********************/

.post-type-archive-virtual-benefit-2021 .main .dance .couple,
.post-type-archive-virtual-benefit2021m .main .dance .couple
{
    width: 60%;
}
.post-type-archive-virtual-benefit-2021 .main .two-column,
.post-type-archive-virtual-benefit2021m .main .two-column
{
    flex-direction: column !important;
}
.post-type-archive-virtual-benefit-2021 .main .about .content-box,
.post-type-archive-virtual-benefit2021m .main .about .content-box
{
    padding-left:2em;
    padding-right:2em
}
.post-type-archive-virtual-benefit-2021 .main .about .content-box-inner,
.post-type-archive-virtual-benefit2021m .main .about .content-box-inner
{
    padding-bottom: 2em;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors .inner-logos a,
.post-type-archive-virtual-benefit2021m .main .sponsors .inner-logos a

{
    margin-right: 0em;
    display: block;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors h3,
.post-type-archive-virtual-benefit2021m .main .sponsors h3
{
    margin-bottom: 1em;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors img,
.post-type-archive-virtual-benefit2021m .main .sponsors img

{
    width: 35%;
        display: block;
    margin: 0 auto;
    padding: 0.5em;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors .inner-logos .logo1,
.post-type-archive-virtual-benefit2021m .main .sponsors .inner-logos .logo1
{
    top: 0;
}

.post-type-archive-virtual-benefit-2021 .main .list-commitee li,
.post-type-archive-virtual-benefit-2021 .main .list-board li,
.post-type-archive-virtual-benefit2021m .main .list-commitee li,
.post-type-archive-virtual-benefit2021m .main .list-board li
{
    font-size: 1rem;
}
.post-type-archive-virtual-benefit-2021 .main .sponsors, .post-type-archive-virtual-benefit-2021 .main .board,
.post-type-archive-virtual-benefit2021m .main .sponsors, .post-type-archive-virtual-benefit2021m .main .board
{
    padding-bottom: 3em;
}
.post-type-archive-virtual-benefit-2021 .main .footer .img-footer,
.post-type-archive-virtual-benefit2021m .main .footer .img-footer{
    width: 20%;
}
.post-type-archive-virtual-benefit-2021 .main .footer .social-icons,
.post-type-archive-virtual-benefit2021m .main .footer .social-icons
{
    margin-top: 3em;
    margin-bottom: 3em;
}
.post-type-archive-virtual-benefit-2021 .main .footer .footer-text,
.post-type-archive-virtual-benefit2021m .main .footer .footer-text {
    margin-top: 5em;
    margin-bottom: 3em;
}
.post-type-archive-virtual-benefit-2021 .main .footer p,
.post-type-archive-virtual-benefit2021m .main .footer p {
    font-size: 0.8rem;
}

.post-type-archive-vip-gala-2021-2 header .main-text {
    margin-top:6em !important;
}
.post-type-archive-vip-gala-2021-2 header .main-collage-block {
    background-color: #000;
    background-image: url(/wp-content/themes/rosa-hsa/img/gala-benefit/fondo-duquesa-online.jpg);
    background-size: contain;
    background-position: inherit;
    background-repeat: unset;
}

/*.post-type-archive-vip-gala-2021-2 .link,*/
.post-type-archive-vip-gala-2021-2 .link-right {
    top: 4em;
}
.post-type-archive-vip-gala-2021-2 .link-right a {
    color: #BE7348;
}
/********************
 .post-type-archive-vip-gala-2021-2 .form-donate-mobile {
     
 }
 /********************/

.post-type-archive-vip-gala-2021-2 #pum-6674,
.post-type-archive-vip-gala-2021-2 #popmake-6674{
    display: none;
    visibility: hidden;
}
.post-type-archive-vip-gala-2021-2 .donate-form h3 {
    margin-top: 2em;
    margin-bottom: 1em;
}
.post-type-archive-vip-gala-2021-2 .donate-form,
.post-type-archive-vip-gala-2021-2 .donate-form h3,
.post-type-archive-vip-gala-2021-2 .donate-form {
    color: #F6F6F6;
}

/********************
.post-type-archive-vip-gala-2021-2 .donate-form #bboxdonation_BBEmbeddedForm {
    color: #000;
}

.post-type-archive-vip-gala-2021-2 .donate-form #bboxdonation_gift_lblGiftType,
.post-type-archive-vip-gala-2021-2 .donate-form #bboxdonation_gift_lblGivingLevels,
.post-type-archive-vip-gala-2021-2 .donate-form .BBFormRadioList label,
.post-type-archive-vip-gala-2021-2 .donate-form #mongo-form label {
    color: #fff;
}
/********************/

.post-type-archive-vip-gala-2021-2 header p {
        padding-left: 0.2em;
    padding-right: 0.2em;
}

/* FORM PAGO - DESHABILITAR temp 
.post-type-archive-vip-gala-2021-2 #blueimp-gallery,
.post-type-archive-vip-gala-2021-2 #blueimp-gallery-fullscreen {
display: none !important;
}

.post-type-archive-vip-gala-2021-2 #bboxdonation_billing_lblFullName {

}


.post-type-archive-vip-gala-2021-2 #bboxdonation_billing_billingAddress_txtZip {
    width: 100% !important;
}

/********************/

.post-type-archive-vip-gala-2021-2 .toggle-button {
    width:22%;
}
.post-type-archive-vip-gala-2021-2 .toggle-button p { 
    font-size: 0.7em;
}

}
/************************/
@media (min-width: 1px) and (max-width: 1270px) {
 .post-type-archive-vip-gala-2021-2 #page > #pum-6674 {
     /*display: none !important;*/
  }
  .post-type-archive-vip-gala-2021-2 #pum-overlay {
      
  } 
}
@media (min-width: 1px) and (max-width: 1270px) {
.post-type-archive-vip-gala-2021-2 #page > div {
    
}
}