/*mobile and tablet */

@media screen and (min-width: 2px) and (max-width: 1000px) {
.formstyle {
    height: 100vh !important;
	width: 100vw;
}

h1.center{
	text-align: center;
}

}



/* desktop specific sizes small only */
@media (min-width: 821px) and (max-width: 1300px) {
	
.issuebox.row-wrapper .gsc-column {
	padding: 5.5%; 
}



.main-menu-whitebg .menu-item a,
#block-topbluemenu ul.menu > li.menu-item > a {
    padding: 10px 0px !important;
    font-size: 14px !important;
}

.issuebox .box-title {
	font-size: 20px !important;
}

}

/* Between desktop and tablet */
@media (min-width: 821px) and (max-width: 1200px) { 
	
	.overlap-image {
    width: 100vw !important;
    top: 3vw !important;
    left: 4vw !important;
}
	
}

/* desktop only */
@media (min-width: 1000px) {

.gsc-box-hover .backend {
  width: 22vw !important;
}

.gsc-box-hover .backend .be-desc {
    line-height: 19px;
    font-size: 13px;
}

}


/* desktop only */
@media (min-width: 769px) {
	
	
#block-gtranslate > div.content.block-content > div > a:nth-child(5) {
	display: none;
}
	

.mobileonlyv2  {
	display: none;
}



.footer ul.menu > li a {
	padding: 9px !important;
}
	
}

@media (max-width: 769px) {
	

	
.views-element-container .events-front  .views-view-grid .views-col,
.views-element-container .events-front  .views-view-grid img {
width: 84vw !important;
	margin-bottom: 20px;
}

		
	.events-front .views-row {
	flex-direction: column !important;	
	}

}

@media screen and (max-device-width: 768px) and (orientation: portrait) {	
	  .bg-image, .bg-image-pr  {
		 background-image: none !important;
	 }
	 
	.events-front .views-row {

	}

 .frontend {
	 position: relative;
		top: 50px !important;
	}

}
	
                                                                                    	/* mobile starts here */
@media (max-width: 820px) {
	

		.field--name-webform {
		width: 100%;
	}

	.body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select, .gva-body-page input[type="text"], .gva-body-page input[type="tel"], .gva-body-page input[type="password"], .gva-body-page input[type="email"], .gva-body-page textarea, .gva-body-page select {
		width: 100%;
	}
	
	.cap-closetext {
		left: 0px !important;
	}
	
	.bigwhite-text {
    width: 90% !important;
    font-size: 21px !important;
	}
	
	
	
		#block-mobilemenu {
		margin: 0px !important;
	}

	.mobile-top {

    height: 100px;
}
	
	.site-branding-logo {
		display: none !important;
	}
	
	.marbot50 {
		margin-bottom: 0px !important;
	}

	.be-desc .body-text {
		margin-left: 10px;
	}
	
	
	.menu-item.bluedonate {
  margin-top: 20px;
}
	
	.issuebox.row-wrapper {
    
    width: 95vw !important;
    margin: 0 auto;
    
    margin-bottom: 30px;
}


	.gva-offcanvas-mobile .block {
		border: 0px solid transparent !important;
	}
	
	
	  .topbar {
	  	display: block !important;
    height: 10px;
  }

  .topbar-inner {
    display: none;
  }
	
	
	#swiper-default-node-page-field-page-slideshow .swiper-caption, #swiper-page-slideshow-node-page-field-page-slideshow .swiper-caption, .page-slideshow-cont .swiper-caption {

    right: 0 !important;
    width: 90% !important;
	}
	
	.cap-box .cap-text {
  
    padding-left: 0px !important;
	}
	
	#block-gavias-kiamo-omega-system-main > div > div > div.group-header > div.field.field--name-field-block-builder.field--type-blockbuilder.field--label-hidden.field__item > div > div > div:nth-child(2) > div > div > div > div > div > div > div > div > div > div > div > div
	{
		
    flex-direction: column;
	
	}
	
	.bg-image {
    background: url(/images/CAP-Prog-b.jpg) no-repeat center center fixed;
    background-size: 300vw auto;
	}
	
	.gva-offcanvas-mobile .gt_switcher-popup:before {
  background-image: url('/images/google-translate-over.png');
}

#block-gtranslate-2 > div.content.block-content > div > a:nth-child(1) > span:nth-child(3),
#block-gtranslate-2 > div.content.block-content > div > a:nth-child(1) > span:nth-child(2),
#block-gtranslate-2 > div.content.block-content > div > a:nth-child(1) > img {
	display: none;
}
	
	#block-gtranslate-2 > div.content.block-content > div > a:nth-child(5) {
  display: none;
}
	
	.newsearch-block input[type="text"] {
    border-bottom: 1px solid black !important;
	}
	
	#block-viewsexposedfilterblock-3 {
  padding: 0px 0px 0px 20px;
}
	
.newsearch-block input[type="submit"]  {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1012 1012"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="black"/></svg>') !important;
}


	
	.search-region {
  display: none !important; 
}
	
	
div.swiper-slide.swiper-slide-image > img {
	height: 50vh !important;
	width: 100vw !important;
object-fit: cover;
	object-position: center;

}
	
	.swiper-container {
  margin: 0px !important;
  padding: 0px !important;
	}
	
	.field--name-webform,
.field--name-body h4 {

	margin: 0 auto !important;
}
	
	.bluebutton a {    
		display: block;
	}
	
	.event-titlev2 a, .event-titlev2 {
    font-size: 19px;
    line-height: 30px;
	}
	
.block-views-blocknews-slide-block-5	.new-title {
    width: 100% !important;
	}
	
 .path-press .msidepad,
.path-press h4 {
	padding: 0 30px !important;
}
	
	.footerlinks a {
    font-size: 15px !important;
    margin: 0 0px !important;
}
	
.mpadbottom .cap-box {
  padding-bottom: 40px;
}

.mpadboth .cap-box {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mnopadtop .bb-inner {
  padding-top: 0px !important;
}
	
	.customsidrmenu  {
position: relative;
  left: 20px;
}
	
	.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0px !important;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0px !important;
}

#block-gavias-kiamo-omega-system-main > div > div > div.group-header > div.field.field--name-field-block-builder.field--type-blockbuilder.field--label-hidden.field__item > div > div > div:nth-child(3) > div > div {
	padding-top: 0px !important;
}
	
	.cap-container2 {
    margin-left: 0px !important;
}

.cap-closetext {
    position: relative;
    top: -22px;
    left: -11px;
}
	
	.menu-item--expanded:hover {
    background-color: #eee;
}
	
.cap-box img {
	width: 30%;
}

        .cap-box img {
            flex: 0 0 auto;
        }
.cap-box .cap-text {
white-space: unset !important;
	
}

.cap-line1 {
	font-size: 20px !important;
/*	line-height: 10px !important; */
	
	text-align: center;
}

	.cap-closetext .cap-line1 {
	font-size: 20px !important;
	line-height: 20px !important;
} 

.cap-line2 {
    font-size: 15vw !important;
	text-align: center;
}

.cap-line3 {
	font-size: 20px !important;
	word-wrap: break-word !important;
	width: 100% !important;
	
	text-align: center;
	line-height: 30px !important;
}

.cap-line4 {
	font-size: 20px !important;
	line-height: 20px !important;
}


	.bigred-text {
    width: 90% !important;
    font-size: 5vw !important;
	}

	
	.mobile-top {
    margin-left: 0px !important;
}
	
	
	.footer-inner {
    width: 90vw !important;
}

.donatefront .reddonate {

}


.donatefront .bb-inner {
    width: 100vw !important;
}

.donatefront .gbb-row .bb-inner {
    padding-top: 25px;
}

/* donate bg image */
.support-front-block {
}


.donatefront .col-xs-12,
.donatefront .bb-container {
  padding: 0px !important;
  margin: 0px !important;
}

.donatefront .front-support-title {
    line-height: 40px;
    margin-bottom: 10px;
        font-size: 27px !important;
}

.front-support {
  padding: 0px 30px;
}


.front-support-text {
    font-size: 19px;
    line-height: 27px;
    
    margin-bottom: 14px;
}

ul.menu > li a {
    padding-left: 5px !important;
}

.footer ul.menu > li a {
	 padding-left: 0px !important;
}
	
	
	.new-title {
    align-items: start !important;
}
	
	#fadebg\ frontissues{
  background-position: left center !important;
  background-color: blue !important;
  background: none !important;
}

#fadebg\ frontissues > div > div > div > div > div.gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.fp_causes_text {
  display: none;
}

.frontissues .gsc-column {
  height: 250px;
}
	
	.gsc-box-hover .frontend .frontend-content {

    padding: 0px !important;
	}
	
	.frontissues .bb-inner {
    width: 100% !important;
	}
	
	.name-and-social {
		
    flex-direction: column;
	}
	
	
.teamname {
	margin-bottom: 10px;
}

.teamsocial {
	justify-content: center;
	display: flex;
}
	
	.mobile-header-left img {
  width: 150px;
  height: auto;
}
	
	.header-main  {

}

	.mobileonly  {
		display: block !important;
	}
	
	
.support-front-block {
  
    background-position: bottom !important;
  
}
	
	.donate-container {
    height: 175vh;
	}
	
	.gsc-box-hover .backend { 
		
  background: #5c74ad !important;
	}
	
	h3 {
    font-size: 30px !important;
}
	
	.historydate {
    float: none !important;
    padding-right: 0px;
    margin-left: 20px;
}
	
	.historybody  {
	width: 90%;
	margin: 0 auto;
}
	
	.caseview .bef-exposed-form, .grayexposedfilter {
    flex: 0 0 100% !important;
	}
	
	.caseview .item-list, .grayexposedfilter {
    flex: 0 0 100% !important;
	}
	
	#block-gavias-kiamo-omega-system-main > div > div > div.group-header > div.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field > div.new-title.lower-title > div.new-title-text.adjust-new-title {
		top: 0px !important;
	}
	
 .issuebox.row-wrapper .gsc-column {
    width: 100% !important;
	}
	
	#block-gavias-kiamo-omega-system-main > div > div > div.group-header > div.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field > div.new-title.lower-title > div.gradient-line {
		display: none;
	}
	
		.main-menu {
		display: block !important;
	}
	
	
	.donate-column {
		width: 100% !important;
		display: block !important;
    overflow-y: initial !important;
    height: auto !important;
	}
	
	
	.donate-iframe {
    flex: 1;
   
    height: 100vh !important;
    margin: 0px !important;
    width: 100vw !important;
}
	
	.donate-container {
		
    position: relative !important;
    flex-direction: column !important;
	}
	
	.centerbox-view, .eventsblock-full .new-title {
    width: 84vw !important;
	}
	
	.eventpage-flexbox {
    flex-direction: column;
}

.eventpage-image img,
.eventpage-image {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    margin: 0px !important;
}

.eventpage-content {
      width: 90% !important;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
	
	.ds-2col-stacked-fluid > .group-left {
    width: 100% !important;
}

.ds-2col-stacked-fluid > .group-right {
    width: 100%;
}
	
	.new-title, .manualgrid .view-content-wrap {
    padding: 0px 0px 10px 0vw !important;
}
	
	#swiper-page-slideshow-node-page-field-page-slideshow.swiper-autoheight, .page-slideshow-cont.swiper-autoheight {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    left: 0px;
    
	}
	
	.paragraph--type--video-and-text .media-youtube, 
	.videotext {
		width: 100vw !important;
	}
	
	.paragraph--type--video-and-text {
    width: 100vw !important;

    left: 0px !important;
    justify-content: space-evenly;
    flex-direction: column;
}
	
	.paragraph--type--video-and-text .media-youtube,
	.videotext {
		width: 100%;
	}

	.teamsocial.teamsocial-adjust .social-media-links--platforms a {
    margin-left: 0px;
    position: relative;
    top: 0px;
    right: 0;
}

.team-grid-2 .views-row {
   	display: flex;
	flex-wrap: wrap;
	padding: 0px !Important;
	
    justify-content: center;
}


.team-grid-2 .views-view-grid {

	width: 100vw;
}

	
.team-grid-2 .views-col {
		width: 84% !important;
	}
	
	.views-col {
		width: 360px !important;
	}


	
.team-grid-2 .team-image img,
	.team-grid-2  {
    left: 0px !important;
    width: 100% !important;
 }
	

.views-view-grid .views-col {
    padding: 0px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.team-grid-2  .views-row {
  display: flex;
  width: 100%;
}


.team-block a {
}
	
	.overlap-image-style {
    padding-top: 120px !important;
	}
	
	.overlap-image-text {

    left: 0vw !important;
    width: 100% !important;
    top: 226px;
    position: relative;
    margin-bottom: 200px;
}
	
	
	.overlap-image {
		    width: 100vw !important;
    top: 20px !important;
    left: 0vw !important;
	}
	
	.events-front .views-view-grid .views-col, .events-front .views-view-grid img {
		z-index: 1;
	}
	
	.main-menu-whitebg {
    justify-content: left;
	}

.gva-offcanvas-mobile li,
.gva-offcanvas-mobile ul {
	list-style: none !important;
	}
	
	
.gva-offcanvas-mobile ul.menu > li a:after {
		display: none;
	}
	
	.gin-secondary-toolbar--frontend {
		z-index: 1;
	}
	

	
	.adjust-new-title {
    margin: 0px !important;
}

.new-title {
	flex-direction: column;

    width: 84% !important;
    margin: 0 auto !important;
}

.new-title-text {
    font-size: 25px !important;
}

.gradient-line {
	top: 0px !important; 
    margin-top: 0px !important;
    width: 84vw;
}

#block-constantcontact {
    width: 100%
}

.teamgroup {
    flex-direction: column;
}

.rightside,
.leftside,
.leftside img {
    width: 100% !important;
}

.listthree .views-row {
  display: flex;

}

.events-front  .views-view-grid .views-col,
.events-front  .views-view-grid img {
	
width: 25vw !important;
	margin-bottom: 20px;

}

	
	
	.events-front .views-row {
justify-content: space-evenly;
	}
	
	




.highlights-front .views-view-grid .views-col ,
.highlights-front .views-view-grid img {
  width: 100% !important;
  object-fit: cover;
}
  
.viewmore-button, .more-button a {
    width: 100% !important;
    padding: 20px !important;
}

.footer-center .row {
	display: flex;
	flex-directioN: column;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.footer .gva_menu {
	text-align: left;
	list-style: none !important;
	padding: 0px !important;
}


.footer .gva_menu a {
	font-size: 20px !important;
margin-bottom: 20px;
}

.socialfooter2 {
	height: 30px;
	left: 10px !important;
}

.socialtitle {
	left: 0px !important;
}

}


/* mobile landscape */

@media screen and (max-device-width: 900px) and (orientation: landscape) {

.views-view-grid .views-row {
	display: flex;
	justify-content: space-around;
	width: 92vw;
}

.views-view-grid .views-col {
	padding: 0px !important;
	width: 28vw !important;
}

.row-wrapper .gsc-column {
    padding: auto !important;
}

}