/*--------------------
       General
--------------------*/
.page-hrefp #tooltip {
	visibility: hidden;
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
	font-size: 14px;
	font-family: "OpenSans", sans-serif;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	bottom: 120%;
	left: 50%;
	margin-left: -60px;
}
.page-hrefp .tooltip-container:hover #tooltip { visibility: visible; }

/*--------------------
   WordPress Base
--------------------*/
#wpcontent { padding-left: 0; }
#wpbody-content { height: auto; min-height: 100vh; background-color: #f5f7f6; }

/*--------------------
     Page Base
--------------------*/
main#page { position: relative; width: 100%; height: 100%; }
main#page #page-wrapper { width: 85%; max-width: 100vw; margin: 0 auto; position: relative; }

section { position: relative; width: 100%; height: 100%; }

.sec-heading { font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 15px; }

/*--------------------
     Page Title
--------------------*/
header#page-title { margin: 75px 0 50px; }
header#page-title .page-title_inner { border-bottom: 1px solid #000; }
header#page-title p.page-title_pre { line-height: .1rem; font-family: "Montserrat", sans-serif; font-size: 24px; color: #696969; }
header#page-title h1.page-title_primary { color: #1d1d1d; font-size: 64px; font-family: "Work Sans", sans-serif; }

@media only screen and (min-width: 320px) and (max-width: 992px) {
	header#page-title p.page-title_pre { font-size: 18px; }
	header#page-title h1.page-title_primary { font-size: 50px; }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	header#page-title p.page-title_pre { font-size: 16px; }
	header#page-title h1.page-title_primary { font-size: 42px; }
}

/*--------------------
    Edit Section
--------------------*/
#sec-edit label { font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 10px; }
#sec-edit .form-elem {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	font-family: "Montserrat", sans-serif;
	color: #2c3E50;
	font-size: 13px;
}
#sec-edit input[type="submit"] {
	margin-top: 20px;
	border: 2px solid #080808;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	background: transparent;
	cursor: pointer;
}
#sec-edit #tooltip { bottom: 100%; left: 20%; }

@media only screen and (min-width: 320px) and (max-width: 992px) {
	#sec-edit label { font-size: 16px; }
}

/*--------------------
  Confstyle Section
--------------------*/
#sec-confstyle { margin-top: 50px; }
#sec-confstyle input[type=checkbox]{ display: none; /* height: 0; width: 0; visibility: hidden;*/ }
#sec-confstyle label {
	float: right;
	cursor: pointer;
	text-indent: -9999px;
	width: 60px;
	height: 30px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
	margin: 0;
}
#sec-confstyle label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}
#sec-confstyle input:checked + label { background: #bada55; }
#sec-confstyle input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); }
#sec-confstyle label:active:after { width: 130px; }

/*--------------------
    Reuse Section
--------------------*/
#sec-reuse * { display: block; box-sizing: border-box; }
#sec-reuse { margin-top: 50px; }
#sec-reuse .sec-collection { margin: .5rem 0 1rem; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative }
#sec-reuse .sec-collection a { line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; color: #6c757d; }

@media only screen and (min-width: 320px) and (max-width: 992px) {
	#sec-reuse .sec-heading { font-size: 16px; }
}