/*
Theme Name: Softease (Child Theme)
Theme URI: http://qodearena.com/
Author: QodeArena
Author URI: http://themeforest.net/user/qodearena
Description:    A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready Wordpress theme with grid system layout. It is optimized for mobile touch and swipe.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Black, One Column, Two Columns, Right Sidebar, Custom Menu, Post Formats, Sticky Post, Translation Ready, Responsive Layout
Template:       softease
Text Domain:    softease
*/

/* Add your own modification from here
-------------------------------------------------------------- */

.font-italic{
  font-style: italic !IMPORTANT;
}
.primary-bg {
	background-color: #4aa3df;
}

.sign-up {
    padding: 0 13px;
    font-size: 12px;
    background-color: rgba(0,0,0,0);
    border-color: #E50695;
    color: #E50695;
}

.sign-up:hover {
    border-color: #E50695;
    background-color: #E50695;
    color:white;
}

.body-scrolled .softease-header {
    background: #0e141b;
    padding:15px;
}

.body-scrolled .softease-header.white-header .main-menu>li>a {
    color: white;
}


.softease-header {
    padding: 48px 30px 15px;
}

.main-menu>.menu-item {
	padding-right:15px;
}

.main-menu>.menu-item:not(:last-child)::after {
    content: '/';
    color: #E50695;
    font-size: 2em;
    float: right;
    position: absolute;
    right: 0;
    top: 18px;
}


 .main-header .primary-trans-bg {
    background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.27058823529411763), transparent);
}

.lineargradientoverlay::after {
	content:' ';
	position: absolute;
	top:0;
	left:0;
	height: 77vh;
	width: 100vw;
	background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.27058823529411763), transparent);
}
/*
.main-header .inner {
    vertical-align: bottom;
    padding-bottom: 60px;
}
*/

.btn.se-btn-white {

	background: #3d4a59;
   color: white !important;

}

.btn.se-btn-white:hover {
	background: #3d4a59;
   border-color: #45C3D1;
   color: #45C3D1 !important;

}


 .main-header .btn.se-btn-white {
   background-color: transparent;
   border-color: #45C3D1;
   color: #45C3D1 !important;
}



 .main-header .btn.se-btn-white:hover {
    background-color: transparent;
    border-color: #E50695;
    color: #E50695 !important;

}

.btn-shade-4 {
    color: #6f77a7;
    border-color: #6f77a7;
}



.icon-text-column h4 {
    font-size: 17px;
    border-bottom: 1px solid #6f77a7;
    color: #6f77a7;
    padding-bottom: 17px;
    margin-bottom: 18px;
}
.icon-text-column  img{
  height:108px;
}

.icon-text-column  {
  padding:10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #6f77a7;
}

h2 {
    font-family: benton-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 48px;
    text-align: center;
    color: #0e141b;
}

.home .primary-trans-bg .inner::before {
    opacity: .5;
    background-image: url(assets/images/ledgex-hero-just-paths.png);
    background-size: 10px 20px;
    display: inline-block;
    width: 100%;
    height: calc(100vh - 460px);
    max-height: 100vw;
		min-height:165px;
    /* max-width: 70vh; */
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-aspect-ratio: 9/10) {

}
.home .primary-trans-bg .inner::before {
	margin-top:100px;
}

.home .primary-trans-bg .inner::after {
    content: url(assets/images/hero-bottom-icon.png);
    width:100%;
}

.home .primary-trans-bg .inner {
  display:flex;
  flex-direction:column;
  align-items: center;
}

.home .primary-trans-bg .inner a{
width:230px;
margin:20px;
}

.hideRow {
  display: none;
}

ul.sub-menu {
    background: rgba(14, 20, 26, 0.9019607843137255);
}

.main-menu > li > a:hover {
      background-color: rgba(0, 8, 15, 0.7803921568627451) !important;
      color:#45C3D1 !important;
}

.main-menu a {
  font-family: benton-sans, sans-serif !important;
  font-weight: 300;
  font-style: normal;
  font-size:14px;
  padding:15px !important;
}

a.sign-up {
  font-family: benton-sans, sans-serif !important;
  font-style: normal;
  font-size:14px;
  font-weight: 500;
}

h2, h2.title {
    font-family: benton-sans, sans-serif !important;
    font-weight:300 !important;
    font-size: 40px;
}

h3 {
    font-family: benton-sans, sans-serif !important;
    font-weight:500 !important;
    font-size: 40px;
}

h1, h2, h3, h4, h5 {
	font-family: benton-sans, sans-serif !important;
}

html, body, p{
  font-family: benton-sans, sans-serif;
  font-weight:300;

}

a.btn {
  font-family: benton-sans, sans-serif;

}

p {
  font-size:18px;

}

.softease-footer-social a {
  font-size:20px;
}

.sub-menu > li > a:hover {
	color: #45C3D1 !important;
}

a.btn-dark {
	color:#05070a !important;
	border-color:#05070a !important;
}

.bentonLight {
  font-family: benton-sans, sans-serif;

  font-weight: 300;

  font-style: normal;
}

.bentonLightItalic {
  font-family: benton-sans, sans-serif;

  font-weight: 300;

  font-style: italic;
}

.bentonItalic {
  font-family: benton-sans, sans-serif;

  font-weight: 500;

  font-style: italic;
}

.bentonRegular {
  font-family: benton-sans, sans-serif;

  font-weight: 500;

  font-style: normal;
}

.bentonBold {
font-family: benton-sans, sans-serif;

font-weight: 700;

font-style: normal;
}

.bentonBoldItalic {
font-family: benton-sans, sans-serif;

font-weight: 700;

font-style: italic;
}

.side-by-side-img {
    border: 1px solid #3d4a59;
    box-shadow: 6px 6px 6px rgba(136, 136, 136, 0.5019607843137255);
}

.softease-widget.widget_nav_menu ul .menu-item a:hover, .softease-widget.widget_pages ul .page_item a:hover {
    color: #8a96a6 !important;
}

.home .main-header {
    height: 95vh;
		min-height:540px;
		max-height:calc(100vw + 500px);
}


.primary-bg {
    padding: 20px 0 81px;
    background-image: url(/wp-content/uploads/2019/11/ledgex_BG.jpg?id=1678) !important;
    margin: 0;
    background-position: center;
    background-size: cover;
}

.primary-bg h3 {
	font-size: 35px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	/* font-family: Hind !important; */
	/* font-weight: 300 !important; */
	font-style: normal;
}

.btn.se-btn-black.btn-rounded {
	color: white !important;
    border-color: white !important;
    background-color: transparent;
}

#news-and-resources li {
	position:relative;
	color: #E50695;
	text-decoration: underline;
	border: none;
  padding: 21px 31px 20px 0;
  margin-right: 31px;
  font-size: 20px;
	text-transform: uppercase;
}
#news-and-resources li:hover {
	font-weight:400;
}

#news-and-resources li.active {
	color:#3a3670;
	text-decoration: none;
	font-weight:400;
	cursor:default !important;

}

#news-and-resources li:not(:last-child)::after {
	content: '/';
	color: #E50695;
	font-size: 2em;
	float: right;
	position: absolute;
	right: 0;
	top: 18px;
	font-weight:300;
}

.tabcontent h4 {
	color:#3f3d59;
	font-family: benton-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:35px;
}

 .tabcontent li > a, .pink-bullets li > a, .releaseul li > a, .pink-bullets li > a {
	color:#6f77a7;
	font-size:18px;
}

.tabcontent li, .pink-bullets li, .releaseul  {
	list-style-type: none !important;
	font-size:18px !important;
	padding-left:25px !important;
	padding-bottom:10px !important;
	position:relative;
}
 .tabcontent li::before, .pink-bullets li::before, .releaseul li::before{
	position: absolute;
	left:0;
	content: '\2022';
	color: #E50695;
	font-size: 22px;
}

.vc_custom_1506712185937 {
	max-width:100%;
}

.softease-header .navigation {
width: 560px;
}

.post-template-default .container {
    max-width: unset;
}

#news-and-resources li::before {
	content:none !important;
}

#news-and-resources li {
	padding-left:0 !important;
}

.entry-meta {display: block !important;}

.archive .img-bg {
	background-position: center;
	background-size: cover;
	background-image: url(/wp-content/uploads/2019/11/bg-purple.png) !important;
}

.header .inner * {
	color:white !important;
}


.ctaBackgroundImage, .ctaBackgroundImage2 {
		background-color: #1d1f26;
    background-image: url(./assets/images/LedgexCTA.png) !important;
    background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;

}

.ctaBackgroundImage2 {
	background-image: url(./assets/images/LedgexCTA.png) !important;
}

@media (min-width:1100px) {
	.ctaBackgroundImage, .ctaBackgroundImage2 {
    background-position-y: 34%;
    background-size: auto 200%;
	}
	.ctaBackgroundImage2 {
		background-position-y: 47%;
	}
}

.page-title  {
    min-height: 400px;
}


img {
	image-rendering: auto !important;
}


.cta-bottom-button {
    border-color: #45C3D1 !important;
    color: #45C3D1 !important;
    background-color: transparent;
}

.cta-bottom-button:hover {
    background-color: #45C3D1 !important;
    color: #1c2025 !important;
    border-color: transparent;
}

.linkedin-logo {
    background-image: url(/wp-content/themes/softease-child/assets/images/LI-Bug.svg);
    height: 20px;
    width: 24px;
    color: transparent;
    overflow: hidden;
    background-size: cover;
		display:inline-block;
		position: relative;
		top: 1px;

}

.pink-line {
    border: 1px solid #E50695;
    width: 55px;
    margin: 11px 0 20px;
}

.teamMemberColumn > div {
    max-width: 400px;
		margin:0 auto;
}


.teamMemberColumn h3 {
    font-size: 17px;
    color: #E50695;
    font-weight: 100 !important;

}

.teamMemberColumn h2 {
    font-size: 21px;
    font-weight: 900 !important;
    text-align: left;
    margin-top: 0px;
}

.teamMemberColumn p {
    font-size: 16px;
}

.teamMemberImage, .teamMemberImage * {
	width:100%;
}

h3 {
	line-height: 1.25;
}


.softease-footer-social {
    display: flex;
}

.softease-footer-social > * {
    margin-right:20px;
}


a.callIconLink {
    color: #E50695;
    border-bottom: 1px solid;
    margin-left: 10px;
}


a.callIconLink:hover {
    color: #45C3D1 !important;
}

a.callIconLink::before {
    background-image: url(./assets/images/Artboard%202.png);
    float: left;
    height: 22px;
    width: 17px;
    content: '';
    background-size: 17px 22px;
}


.nav-menu-icon:not(.active) .icon-bar, .nav-menu-icon:not(.active) .icon-bar:before, .nav-menu-icon:not(.active) .icon-bar:after {
    background: white;
}

.main-header {
	min-height:420px;
	height:20vh;
}

.global_footer_sign_up {
	display:none;
}

.single .global_footer_sign_up {
	display:block;
}


.sign-up:focus {
    background-color: rgba(255, 255, 255, 0);
    border-color: #E50695;
    color: #E50695;
}

.hiring-textBlock,
.hiring-textBlock ul {
	font-size: 18px;
    line-height: 1.75em;
}
.hiring-textBlock ul {
    margin-left: 1em;
    list-style-type: circle;
}

.whr-items{
   list-style-type: none;
}
.whr-item {
   padding-left: 1em;
   list-style-type: disc;
   font-size: 22px;
}
.whr-title {
   display: inline-block;
   font-size: 22px;
   margin-bottom: 0px;
}
.whr-info {
   font-size: 16px;
   padding-left: 2em;
}
.whr-info li {
   list-style-type: none;
   display: inline-block;
   padding-right: 1rem;
   font-size: 14px;
}

/* content from here down is Eli (I'll clean up the mess above at some point) */
.lwp-post-area {
  margin-top: -340px;
  position: relative;
  max-width: 50em;
  margin: -340px auto 0 auto;
}
.lwp-post-area .row {
  padding: 1em;
}
@media (min-width: 768px){
  .lwp-post-area {
    margin-top: -260px;
  }
  .lwp-post-area .row {
    padding: 2em;
  }
}
@media (min-width: 992px) {
  .lwp-post-area {
    margin-top: -200px;
    font-size: 20px;
  }
  .lwp-post-area .row {
    padding: 3em;
  }
}
.lwp-post-area > .container {
   background-color: white;
   border-radius: 8px;
  width: unset;
  max-width: unset;
}
.lwp-post-area,
.lwp-post-area p {
  line-height: 1.7;
  
}
/* and now fix goofy choices */
.lwp-post-area em {
  font-style: italic;
  opacity: 0.95; /* cheap hack for color */
}
.lwp-post-area h2,
.lwp-post-area h3,
.lwp-post-area h4,
.lwp-post-area h5,
.lwp-post-area h6 {
   line-height: 1.7;
   text-align: left;
}
.lwp-post-area h2 { font-size: 32px; }
.lwp-post-area h3 { font-size: 26px; }
.lwp-post-area h4 {}
.lwp-post-area h5 {}
.lwp-post-area h6 {}

.lwp-post-area ol,
.lwp-post-area ul{
  line-height: 1.7;
  font-size: 18px;
  margin: 1em 0;
  padding-left: 40px
}
.lwp-post-area li{
  margin-bottom: 0.5em;
}
@media (min-width: 992px) {
  .lwp-post-area ol {
    font-size: 20px;
  }
}

.lwp-note {
  font-style: italic;
  font-size: 75%;
  opacity: 0.9;
  margin: 0.5em 0 1em 0;
  padding: 0.25em 0;
}