.my-video-wrapper {
	/* position: sticky OR is-sticky OR sticky-wrapper  ***/
  position:fixed;
  bottom: 5px; /* Adjust this value as needed */
  width:140px;
  height:80px;
}



/*** yes this is olivero AND BOOTSTRAP  ****/
/*** IN BOOTSTRAP.... then .... ****/

/* surrounds tbm nav for some reason*/
/&&&&*****************
.content { 
  border: solid 6px red;
  color: #000;
margin:2% 0 1% 1%;
float:left !important;
  max-height: 500px !important;
  overflow: auto !important;
}  ****************/

/* see if class dot become #div from boots to olivs YES MORE TESTING */
/* dropdown arrows working OK in olivero but not in bootstrap */
/* change here from dot .class to #DIV */



/*for bootstrap? */

/*************************
#tbm-main {
  border: dotted 2px brown;
  margin: 2% 4% 6% 0%;
}
****************/



/*for olivero */
.tbm-main {
  border: dotted 2px yellow;
  margin: 2% 4% 6% 0%;
  max-height: 500px !important;
  overflow: auto !important;
  
 position: absolute !important; 
  width: 98%;
}

/******************************
.tbm-item {
	
	max-height: 800px; /* Set a specific pixel value for the maximum height */
  overflow-y: scroll;
}
****************/






/*** ONE LEVEL ***/
.layout-main {
/*  SYSTEM etc     display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap; ****/
    margin: 0 0 0 1%;
    border:solid 4px violet;
}

/* now find the content inside layout-main */
 .main-content {
  border: solid 4px indigo;
  margin: 13% 2% 3% -1%;
  float: left;
}


/* again system ****/
#block-olivero-page-title {
  border: dotted 4px red;
  margin: -9% 0 0 1%;
}




/*** SLIDERS ******************/
/*******************************
.view-content is the global container for sliders and their DIVS, to be targeted specifically
ALL slider inside .skin-default; only pollslider needed the skindefault class to proceed #div
 *******************************/

.views-field-field-image {
  border: dotted 8px blue;
  overflow: hidden;
  float: left;
  width: 267%;
}


/* pollslider in olivero */
 .skin-default #views_slideshow_cycle_main_8pollslider-block_1 {
	border:solid 10px cyan;
	 	display: flex; 
 justify-content: center;
	}
 /* all other sliders in bootstrap */ 
 #block-bootstrap-views-block-global-paraslider-block-1,               
 #block-bootstrap-views-block-alaska-paraslider-block-1,                
 #block-bootstrap-views-block-poetryslider-block-1, 
 #block-bootstrap-views-block-7bookslider-block-1 {
	border:dotted 6px cyan;
	 	display: flex; 
 justify-content: center;
 margin: 12% 0 0 0;
	}


/*SLIDERs ONLY IN OLIVERO: POLLS*/
/* is inside hero */
/*div contains image(s)*/
/**********************
.block-views-block8pollslider-block-1,
 #block-olivero-views-block-8pollslider-block-1  {
	border:dotted 4px orange;
	margin:1% 0% 0% 4%;
}  ********************/


/*  sliders books,poetry in bootstrap; NOT polls  */
/* .featured-top tOO GENERAL of a container deprecated during testing ***/
/* DEPRECATED #block-bootstrap-views-block-poetryslider-block-1, its too specific using .views-field */

/**** DEPERCATING               

 .views-field-field-image 


img.field-content {
	background:red;
	 	display: flex; 
 justify-content: center;
}
.field-content {
	background:red;
	 	display: flex; 
 justify-content: center;
}  ****************************/


/* slider polls was here */
.views-field-field-capcion {
  border: solid 4px yellow;

  float:left;

  background: wheat;
  width:110%;
}

/* is inside capcion span */
/* .field-content {background:red}; */


  
  /* float:left;*/   /* the border breaks and the text isn't contained;(can see yellow lines defining the border...)  */
  /* turn off the float and see if the new css max-width-margin-inline works ??? *?
    /*  margin-left:50%; NOT QUITE ... */
  /**  max-width: fit-content;
   





/* THIS WAS ALREADY HERE, CAN WE MAKE FIELD CAPCION DIFFERENT? */


/* an image frame description paragraph text */


/*
.field-content p {
  font-size: 74% !important; 
  line-height: 15px;

  color: #0f0808;

  border: solid 0px silver !important;
  
}

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



/*debug*/

/********************************** unneeded calls to containers:
.field--name-field-aboutmyauthorart {
  border: solid 2px orange;
  overflow: hidden;
}

*************************/
/* THE USER NAME AUTHOR NAME */
h3.field-content {
  margin: 2% 8% 5% 7%;
  border: solid 0px silver;
  float: left;
  font-size: 96%;
}
.views-field-field-myuserprofilepic {
  border: solid 0px aqua;
  border-radius: 24px;
  width: 42px;
  height: 51px;
  overflow: hidden;
  margin: 0% 0% 4% 3%;
  box-shadow: #3c7cb4 2px 2px 5px 1px;
  float: left;
}

/* for sliders in olvero: polls tv historical but NOT BOOTSTRAP */











/*LAYOUT was here*/

#main-wrapper {
	border:dotted 0px blue;  
	margin: 9%  2%  4%  2%; /*bootstrap, ... */
	
	
} 


#skip-link, .visually-hidden-focusable {
  display: none;
}


#navbar-top {
  border: solid 2px blue;
  margin: 0% 0% 8% -1% !important;
  width: 102%;
  height: 106px;
  position: fixed;
  z-index: 999;
  background: #fff;
  
}

 .region-top-header {
  width: 100%;
  border: solid 2px aqua;
  margin: -3% 0% 0% 1%;
  height: 83px;
}



















/***** WHAT ???
#block-bootstrap-page-title {
  background: black;
  float: left;
  margin: -23% 2% 4% 3%;
}   ****/



	 	/*because orange has the logo nav settings*/
	 	
	 	/**** get rid of me; or HIDE ??? the tb mega might be underndeath?  **/
	 	
	 /* yes tb mega for mobile burger is in:  #block-olivero-mainnavigation **/


/* automagically popped up in a bootstrap page */
/* test show up in BOTH O and B ?*/
/*  testing  
.sticky-wrapper {
	background:yellow !important;
}  ***********/

/*
	.site-header__initial {display:none;} */



 /* olivero (.site-header) */
/* FIRST MOBILE ....*/
.site-header {
  margin: 1% 2% 5% 2%;
  width: 96% !important;
  background: olive;
  z-index: 99;
  height: 9%;
}




/*  .views-field-field-myuserprofilepic .field-content {background:red !important;}  */

/*  .image-style-usermythumb  is INSIDE OF *****/





/*** THE USERname span  DISPLAY NAME NEAR THE TITLE AND THE META *****/
/** IN DESKTOP  IN BOOK NODE ****/


/*** DISABLE FOR POLLSpage SPECIFIC ; MOVE TO INJECTOR FOR /pollspage to narrow down
.node__meta {
  font-size: 0.857em;
  color: #68696b;
  margin: 2px 0px 15px 64px;
  border: solid 0px green;
} *********/




/* the first use was:[enter sample here] ***/
/* now, in eck we have .view-csbitid     ****/
/* DISABLE TEST  are we IN ECK OR A SLIDESHOW WHICH IS IT ????   **************/
/*  .viewsSlideshowCycle-processed {
	border:solid 0px yellow;  
}  */

/*
.skin-default {
  border: solid 6px red;
  background: #fff;
} **/





/* disable trace
.view-csbitid .viewsSlideshowCycle-processed {
	border:solid 6px red;  
	background:wheat;
	
}  ***************/






/******* get OUT OF t.css 
.views_slideshow_cycle_slide {
  border: solid 2px orange !important;
  width: 90% !important;
  float: left !important;
  overflow: hidden;
  font-size: 62%;
  color: blue;
  margin: 2% 0% 1% 2%;
  line-height: 10px;
  padding: 4%;
}
*************************************/











/*hide burger from old menu still showing*/
.mobile-nav-button {display:none}

/* text PC */
#block-olivero-mamaroselogo {
  background: olive;
  border-radius: 12px;
  margin: -1% 0% 0% -11%;
  padding: 3px 4px 3px 7px;
  position: absolute;
}

  
  #block-bootstrap-mamaroselogo {
  background: blue;
  margin: 0% 0% 1% 0%;
  border-radius: 11px;
  width: fit-content;
  padding: 2px 22px 4px 10px;
}

/*  .site-header__inner__container, */
/* LOOK FOR A BLOCK FIRST ! */
 .site-header__initial {display:none} 

.field__label {
	font-size:2em;
	font-family:Titillium Web;
}




/*************** MEDIA QUERYs LAST *************/
@media only screen and (max-width: 600px) {



  h1 {
    font-size: 250%;
    line-height: 29px;
    float: left;
    margin: -18% 2% 3% 4% !important;
  }
  

/*not really typo h3 is meta for author date time */






h3.field-content {
    margin: 1% 8% 12% 11% !important;
    border: solid 0px silver;
    float: left !important;
    font-size: 96%;
  }


p {
  font-size: 1.345em !important;
  line-height: 22px;
  margin: 44px 8px 2px 5px;
}

p .dropcap {
  display: block;
  font-size: 5em;
  text-shadow: 3px 5px 3px;
  float: left;

margin: 5% 3% 3% -1%;


}

blockquote p {
    font-size: 88% !important;
    margin: 0% 0% 0% 7% !important;
    width: 88%;
  }
  
  /***** LAYOUT *******/
 .featured-top {
    border: solid 2px red;
    margin: 28% 5% 0% 3%;
    width: 96%;
  }
  
  
  
  #main-wrapper {
    border: dotted 0px silver;
    margin: 25% 0% 2% 0% !important;
    width: 99%;
    padding: 9px;
  }
  #navbar-top {
    border: solid 2px blue;
    margin: 0 2% 16% -1%;
    width: 102%;
    height: 143px;
    position: fixed;
    z-index: 999;
  }

.node__meta {
    font-size: 0.757em;
    color: #68696b;
    margin: -17px 0px 2px 24px;
    border: solid 0px green;
    float: left;
  }
  
  
  



} /*END QUERY */