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


/*  sliders books,poetry in bootstrap; NOT polls  */
.featured-top {  
  border: solid 4px green;
  margin: 10% 5% -8% 4%;
 	display: flex; 
 justify-content: center;
}
/**** new  ***/

.region-featured-top {border:solid 4px purple;

/* DEPRECATED #block-bootstrap-views-block-poetryslider-block-1, its too specific using .views-field */
 /*views-field-field-image
.views-field {
border:solid 6px orange;	
} */


/*container1 ? in poetry */

#block-bootstrap-views-block-poetryslider-block-1 .views-element-container block block-views block-views-blockpoetryslider-block-1, 


#views_slideshow_cycle_main_poetryslider-block_1 .views_slideshow_cycle_main views_slideshow_main viewsSlideshowCycle-processed, 
 #views_slideshow_cycle_main_poetryslider-block_1 .views_slideshow_cycle_teaser_section {
	border:4px purple;
}

/*container2 ? in poetry */
.field-content {
	background:red;
	 	display: flex; 
 justify-content: center;
} /* POETRY */



 #views_slideshow_cycle_main_7bookslider-block_1 { /* BOOKS */
 	background:orange;
 	display: flex; 
 justify-content: center;
 } 
 
  #views_slideshow_cycle_main_7bookslider-block_1 img {
  	border:solid 4px yellow;
   }
 
 
 
  
 
 






/*SLIDERs ONLY IN OLIVERO: POLLS*/
.region--hero {
  
  border: solid 5px red !important;
  }

/* is inside hero */
/*div contains image(s)*/
#views_slideshow_cycle_teaser_section_8pollslider-block_1 {
float:left;
	border:dotted 4px orange;
	
	margin:1% 0% 0% 4%;

}
	
	/*** CENTERING **/

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

 /* try to center the images inside the div */
 
/* try .view field field image, instead: #views_slideshow_cycle_teaser_section_8pollslider-block_1 img */

/* didnt work:   .views-field .views-field-field-image */


#views_slideshow_cycle_teaser_section_8pollslider-block_1  {

  float:left;
margin-left: 115%;
  border:solid 4px blue;
}

  



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




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