@import url('css.css');

body{
	margin:0px; 
	padding:0px;	
	background-color:var(--col-light);
	font: 14px 'Kite One', sans-serif;
	color:var(--col-white);
	} 
	
#header{ 
	position: fixed; 
	top:0px;	 
	background-color:var(--col-dark);
	z-index: 1000;
	transition: 0.2s;
	min-width:100% ;
	height:80px;
	}
	
	
#main-container {
	 width:900px;
	 background-color:var(--col-med);
	 margin:80px auto 0px;
	 padding:10px;
	 min-height: calc(100vh - 40px);
	 font-size:1.5em;
	 }
	 
	 
#main-container .rvw-header-img {
	border-radius:20px;	 
	border:2px solid var( --col-orange);
	width:100%;
	height:200px; 
	object-fit: cover;
	}	
		

.transition{
	flex-direction: row;
	}
		
a{    
	color:var(--col-orange);	 
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}	

.center{
	text-align:center;
	}

.main-flex{
	display:flex;
	flex-wrap: wrap;
	 justify-content: center;
	}
	
.article-img img{ 
   border:4px solid var(--col-orange);
   border-radius:20px;
   width:350px;
   margin-top:20px;
   }
   	 

.rvw-email-btn { 
	border:2px solid orange;
	border-radius:20px;	
	}
  												 


.title {
	font-size:1.5em;
	margin-top:10px;
	color:#FFF;
	color:var(--col-white);
	text-shadow: 0.075em 0.08em 0.1em rgba(255,123,33);
	}	
		 		 
.rvw-item-info {
	background-color:var(--col-orange);
	padding:5px 55px;
	border-radius:10px;
	color:#fff;
	font-size:1.2em;
	margin:10px 0;
	} 

.li-garf li{
	list-style-image: url('li-paws.png');
	}		 
ul {
 	list-style-image: url('li-arrow-right.png');
	}		

.nr-list{
	list-style: none;
	list-style-position: outside;
	counter-reset: item;
	}
 
.nr-list li {
	counter-increment: item;
	margin-bottom: 5px;
	
	}

.nr-list li:before {
	margin-right: 10px;
	content: counter(item);
	background: #ff9900;
	border-radius: 100%;
	color: white;
	width: 1.2em;
	text-align: center;
	display: inline-block;
	padding:6px 8px;
	}





 
	
.rvw-back-to-top{
	border-radius:50%;
	}

.submit-button{
	border: none;
	padding: 8px 10px;
	background-color:var(--col-dark);
	color: var(--col-light);
	border-radius: 8px;
	font-size:1.5rem;
	margin-bottom:10px;
	}

.submit-button:hover{ 
	transform: scale(1.1);
	box-shadow: 8px 10px 10px rgba(0,0,0,0.15);
	cursor:pointer;
	}