/*LAYOUT temp (goes below in LAYOUT section ie  */
/* FOR sliders: books, poetry, polls...  */

/* olivero now, then ... */
/* DON'T NEED hero in OLIVERO css right????
/* .region--hero {border: solid 8px yellow;  margin: -3% 0% 0% 8%;} */

/*SLIDERs ONLY IN OLIVERO: POLLS*/
.region--hero {
  margin: -1% 24% 0% 8% !important;
  width: auto;
  border: solid 5px red !important;
  }

/* is inside hero */
/*div contains image(s)*/
#views_slideshow_cycle_teaser_section_8pollslider-block_1
{
	border:dotted 4px orange;
	
	margin:1% 0% 0% 4%;
	width:93% !important;
}
	
	/*** CENTERING **/

/*  max-width: fit-content; */
/*   margin-inline: auto; */

 /* try to center the images inside the div */
 
#views_slideshow_cycle_teaser_section_8pollslider-block_1 img {
	display: block; /* Make the image a block-level element */
  /* margin-left: auto; */ /* Set left margin to auto */
/*  margin-right: auto; */ /* Set right margin to auto */
  /* Optional: Set a width to allow margins to take effect */
/*  width: 50%; shrunk */
margin-left: 115%;
  border:solid 4px blue;
  
 
  
}
  
  /** somewhere there could be a .field-content img    ***/

 .views-field-field-capcion {
  border: solid 4px yellow;
  float: left;
  float: left;
  margin: 1% 2% 0% 50%;
  background: wheat;
  width: 200%;
}


.views-field-field-capcion {
  border: solid 4px yellow;
margin-inline: auto;  
   float:left;
   margin-left:142%;
   	background:wheat; 
}

  
  /* 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;
  
}

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

/*  sliders books,poetry in bootstrap; NOT polls  */
.featured-top {
  border: solid 4px green;
  width: 120%;
  margin: 10% 5% -8% 4%;
  overflow: hidden;
}


/* focus sliders */
.main-content__container .container {
	border:solid 3px pink !important;
}





/*debug*/

/********************************** unneeded calls to containers:
.field--name-field-aboutmyauthorart {
  border: solid 2px orange;
  overflow: hidden;
}
.view-content  {
  border: solid 6px red;
  overflow: hidden;
}
.views-row {
  background: #fff;
  border: solid 6px yellow;
  margin: 1% 2% 10% 3%;
  height: 50px;
  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 */









/* TYPO **********/
h1 {
	
  font-size: 380%;
  font-family: Titillium Web;

  width: 98% !important;
  margin: 4% 3% 3% 2% !important;
}


p {
  font-size: 1.895em;
  color: #543e3e;
  font-family: Georgia;
}



p .dropcap {
  display: block;
  font-size: 5em;
  text-shadow: 3px 5px 3px;
  float: left;
  margin: -3% 1% 0% 1%;
}


blockquote p {
  color: #688668;
  line-height: 13px;
  font-size: 88% !important;
  float: left;
  margin: 0% 7% 0% 21% !important;
  font-family: times;
  width: 65%;
}

code {
  color: blue !important;
  font-size: 118% !important;
}

/* b gets stripped*/
strong, b {
  color: #b87474 !important;
  font-weight: bold !important;
  font-size: 132% !important;
  letter-spacing: -2px;
}
small {
  font-size: 58% !important;
  color: #5e4d4d;
  font-family: arial;
  line-height: 12px;
}

/*assign i tag to fontAWEsm*/
i {
color:inherit;
}
/* we can use em inherits, dont us i for text italics...*/
em {
  color:inherit;
}

.imgleft {
  float: left;
  border: solid 2px silver;
  margin: 1% 5% 2% -1%;
  box-shadow: pink 1px 3px 1px 1px;
}

/*prettyprint*/
ol.linenums {
  border: solid 2px green !important;
  padding-left: 35px !important;
  margin: 2px 4px 16px 9px !important;
}


/***  END TYPO *************/


/*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;
}















/*****
#navbar-top .navbar .navbar-dark {
	border:solid 4px purple;
	  margin: 2% 2% 18% 4%;

} *****/


/* OLIVERO is by DEFAULT for ALL RECIPE's else, the site crashes with a WSOD:  mamarose.com/web/recipe/baby-back-ribs-oven ***/
/* TBM FOR BOOTSTRAP BLUE */
/* NOTE:  https://www.mamarose.com/web/modules/contrib/tb_megamenu/dist/styles.css?  */



/*** yes this is olivero AND BOOTSTRAP  ****/
#tbm-main {
  border: solid 4px green !important;
  margin: -6% 4% 6% 26%;
}




/***** 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 **/



/*  enABLEd AGG css and js files  **/


/* #header  {border:solid 12px purple !important; }



/* 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%;
}


/* FEATURED TOP green */
/* in a bootstrap slider, CROSSED OVER INTO olivero styles injector */
#block-bootstrap-views-block-poetryslider-block-1 {
	border:solid 8px orange;
}



/*  .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%;
}
*************************************/









/* alaska or climate ? */
/* DISABLE FOR POLLSSLIDER 
.views-field-field-image {
  border: solid 4px green;
  float:left;
    
}  */










/*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: -8% 2% 16% -1% !important;
    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 */