/*
Theme Name: Cosmoswp-child
Author: The Owen
Author URI: https://theowen.com
Template: cosmoswp
Version: 1.0.16
*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.casecontainer{
		display: flex;
		flex-direction: column;
		margin-top: 0px;
	}
	
	.sectiontitle{
		background-color: #26C6DA;
		color: #e0f7fa !important;
		font-weight: bold;
		font-size: 1.2em;
		padding: 20px;
		text-align: center;
	}
	
	.mheader{
		background-color: #26C6DA;
		color: #e0f7fa !important;
		padding: 5px 10px;
	}
	.addcase{
		flex-direction: column;
		gap: 10px;
}
	
	.onecasecontainer{
		width: 100% !important;
		box-shadow: unset;
	}
	
	.onecase{
		margin-bottom: 30px;
	}
	
	.logdiv{
		width: 100%;
	}
	
	.salutations{
		display: flex;
    flex-direction: column;
    align-items: end;
	}
	
	.casetitle{
		font-size: 1.3em;
		padding-bottom: 10px;
	}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px)  { 
	
	.casecontainer{
		display: flex;
		gap: 70px;
		margin: 50px 0px;
	}
	
	.casecontainer>div{
			width: 49%;
	}
	.onecase{
		margin-bottom: 50px;
	}
	.addcase{
		gap: 30px;
	}
	
	.logdiv{
		width: 45%;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	padding: 2%;
	}
	
	.salutations{
		width: 20%;
		margin-left: 79%;
	}
	
	.onecasecontainer{
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}
	
	.casetitle{
		font-size: 1.7em;
		padding-bottom: 20px;
	}

	

}


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

.onecasetitle, .casecontainertitle{
	color: #26C6DA !important;
	font-size: 18px;
	font-weight: bold;
}

.onecasetitle a, .casecontainertitle a{
	color: #26C6DA !important;
	text-transform: lowercase;
}

.onecasetitle::first-letter, .casecontainertitle::first-letter{
	text-transform: uppercase;
}
.gcontainer{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.addcase{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}


.addcase a{
	display: block;
	padding: 10px 30px;
	border: 1px solid #26C6DA;
	color: #26C6DA;
}

.onecasecontent{
	display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
}

.onecase{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.onecasecontainer{
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 95%;
	margin: auto;
	padding: 5%;
}

.titre{
	color: #29B6F6;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}


.mheader{
	font-size:  1.3em;
	color: #29B6F6;
	font-weight: bold;
	margin: 30px 0px 30px 0px !important;
}

.casetitle{
	font-weight:  bold;
	color: #26C6DA;
}

body{
	font-family: sans-serif !important;
}

.bigheader{
	color: #26C6DA;
	font-weight:  bold;
	text-align: center;
}

.cwp-page.cwp-content-wrapper, .cwp-body-main-wrap{
	padding: 0 !important;
}

.right{
	text-align: right;
	color: #26C6DA;
}

.left{
	text-align: left;
	color: #26C6DA;
}

.back a{
	text-align: right;
	font-weight: bold;
	color: #26C6DA;
}

.back{
	margin: 20px 0;
}


.others a{
	color: #26C6DA;
	font-size: 1.1em;
}


.onecaselink a {
	color: #29B6F6;
}

.sectiontitle{
	color: #29B6F6;
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: bold;
}

.cwp-logo{
	justify-content: center !important;
}

legend{
	display: flex !important;
	justify-content: space-between;
	padding: 15px 10px !important;
	background-color: #26C6DA;
	color: #e0f7fa !important;
	font-weight: bold;
	font-size: 1.2em;
	
}

legend:hover, #signout:hover{
	cursor: pointer;
}

.hiddendiv{
	display: none;
}

fieldset{
	margin-top: 10px !important;
}

.button{
	background-color: #26C6DA !important;
	border-color: #26C6DA !important;
	margin: 10px 0px !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
}

input[type=text], textarea {
	color: #000 !important;
}

.fieldcontent p{
	margin-top: 20px;
	font-weight: bold;
}

label{
	margin-top: 20px
}

.logdiv{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	align-items: center;
}

.suplog{
	
	display: flex;
	justify-content: center;
	min-height: 400px;
	margin: 10% 0;
}

#logForm, #recov {
	width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
	justify-content: center;
	gap: 20px
}

#logForm p, #userForm p{
	width: 90%;
	margin-bottom: 10px ;
}

.logheader{
	font-size: 25px;
	color: #26C6DA;
	font-weight: bold;
}

.post-navigation {
    display: none;
}

#recdiv , #recovery{
	    width: 60%;
    display: flex
;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

#signout{
	color:  #26C6DA;
	font-weight: bold;
}

.others{
	margin-bottom: 30px;
}

.showall{
	color:  #26C6DA;
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
}

.onecomment {
	width: 65%;
	padding: 10px;
	background: #E7E9EB;
}

.formercomment{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}

.same{
	align-self: flex-end;
	border-radius: 5px 0 5px 5px;
}

.nosame{
	border-radius: 0 5px 5px 5px;
}

.comauthor{
	color: #26C6DA ;
	font-weight: bold;
}