/*
Theme Name: Custom Theme for Rutgers ESM
Theme URI: http://themexpert.com/
Author: thinkdm2
Author URI: http://thinkdm2.com/
Description: A custom theme for Rutgers ESM based on the Academia WordPress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: academia
Text Domain: academia-child

*//*--// Begin Custom Styles //--*//*

1. Typography
2. Elements
3. Navigation
4. Home Page
5. Secondary Pages
6. Footer
7. Error 404 Page
8. Media Queries

*//*--// 1. Typography //--*/
h1, h2, h3, h4, h5, h6, p, li {
	font-family: 'Raleway', Helvetica, Arial, sans-serif!important;
}

h2 {
	color: #ff8300!important;
	font-weight: 300!important;
	margin: 0 0 30px!important;
	text-transform: uppercase;
}

h3 {
	color: #0b3c5d!important;
	font-weight: 900!important;
	margin: 0 0 15px!important;
	text-transform: uppercase;
}

h4 {
	color: #0b3c5d!important;
	font-size: 24px!important;
	line-height: 32px!important;
	font-weight: 300!important;
	margin: 15px 0 30px!important;
}

h5 {
	color: #333!important;
	font-size: 18px!important;
}

h6 {
	font-size: 20px!important;
	font-weight: 700!important;
	line-height: 28px!important;
	margin: 40px 0 15px!important;
}

p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px!important;
}

li {
	font-size: 18px;
	line-height: 30px;
}

#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child,
.vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
	margin-bottom: 0!important;
}


/*--// 2. Elements //--*/
#back-to-top .btn-primary {
	border: 2px solid #ff8300!important;
}

#back-to-top .btn-primary:hover {
	background-color: #ff8300!important;
}

#back-to-top .btn {
	color: #ff8300!important;
}

#back-to-top .btn:hover {
	color: #fff!important;
}

.vc_icon_element.vc_icon_element-outer.custom-btn .vc_icon_element-inner.vc_icon_element-size-xs .vc_icon_element-icon {
	color: #ff8300;
	font-size: 2.3em!important;
	left: 55%;
	top: 48%;
	-webkit-transition: color 0.3s;
					transition: color 0.3s;
}

.vc_icon_element.vc_icon_element-outer.custom-btn .vc_icon_element-inner.vc_icon_element-size-xs:hover .vc_icon_element-icon {
	color: #fff!important;
}

.vc_icon_element.vc_icon_element-outer.custom-btn .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
	background-color: transparent;
	-webkit-transition: background-color 0.3s;
					transition: background-color 0.3s;
}

.vc_icon_element.vc_icon_element-outer.custom-btn .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner:hover {
	background-color: #ff8300;
}

.vc_separator.vc_sep_border_width_2 .vc_sep_holder .vc_sep_line {
	border-color: #ff8300;
}

input, textarea {
	border-radius: 0;
	-webkit-appearance: none;
}

::-moz-selection { background: #ffb633; }
::selection { background: #ffb633; }


/*--// 3. Navigation //--*/
.logo-image img {
	max-width: 320px;
	min-width: 320px;
}

.navbar {
	border-radius: 0;
}

.home-v1 .navbar-fixed-top .sticky-logo {
	padding-right: 30px;
}

.tx-menu .close-button::before,
.tx-menu .close-button::after {
	background: #fff;
	-webkit-transition: background 0.3s;
					transition: background 0.3s;
}

.home-v1 #academia-main-nav .nav > li > a::before,
.tx-menu .close-button:hover::before,
.tx-menu .close-button:hover::after {
	background: #ff8300;
}

.home-v1 .nav a {
	letter-spacing: 1px;
}

ul.nav li {
	font-size: 14px;
	line-height: 20px;
}

.home-v1 .nav .current-menu-item > a,
.home-v1 .nav .current-page-ancestor > a,
.home-v1 .nav .current_page_parent > a,
.tx-menu ul li.current-menu-item a,
.tx-menu ul li.current-page-ancestor a,
.tx-menu ul li.current_page_parent a {
	font-weight: 700!important;
}

.tx-menu ul li.current-menu-item a,
.tx-menu ul li.current-page-ancestor a,
.tx-menu ul li.current_page_parent a {
	border-left: 4px solid #ff8300;
	padding-left: .91em;
}

.home-v1 #academia-main-nav .nav > li.current_page_parent > a::before,
.home-v1 #academia-main-nav .nav > li.current-page-ancestor > a::before {
	-webkit-transform: scale3d(1, 1, 1);
					transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
					transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
}

.head-search #head-search-trigger {
	right: 0!important;
}

#head-search-trigger.btn:hover,
#head-search-trigger.btn:focus,
#head-search-trigger.btn.focus,
.head-search #head-search-trigger i.fa-close,
.navbar #tx-trigger-effects button:hover {
	color: #ff8300;
}

.head-search .search .form-search #s {
	background: #fff;
	border-top: 1px solid #0b3c5d;
	border-bottom: 1px solid #0b3c5d;
	color: #333;
	font-weight: 500!important;
}

.navbar #tx-trigger-effects button {
	background-color: #0b3c5d;
	-webkit-transition: color 0.3s;
					transition: color 0.3s;
}

.navbar .head-search {
	float: right;
}

#tx-site-container .tx-menu {
	background: #0b3c5d;
}


/*--// 4. Home Page //--*/
#hero {
	margin-bottom: 65px;
	min-height: 500px;
}

#hero.vc_row-has-fill > .vc_column_container > .vc_column-inner {
	padding-top: 0;
}

#hero h1 {
	color: #ff8300;
	font-size: 44px;
	font-weight: 200!important;
	margin: 0 0 30px;
	text-transform: uppercase;
}

#hero p {
	color: #fff;
	margin-bottom: 30px;
}

#hero .vc_btn3-container {
	margin-bottom: 0;
}

#hero .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
	border-color: #ff8300;
}

#hero .vc_btn3.vc_btn3-size-md {
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#hero .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover,
.site-content a.btn-bordered:hover {
	background-color: #ff8300!important;
	color: #fff!important;
}

#numbers h3 {
	color: #fff!important;
	font-size: 36px;
	margin: 0!important;
}

#numbers h4 {
	border: 2px solid #fff;
	border-radius: 50%;
	color: #ff8300!important;
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif!important;
	font-size: 60px!important;
	font-weight: 700!important;
	height: 160px;
	line-height: 160px!important;
	margin: 5px auto 40px!important;
	text-transform: uppercase;
	width: 160px;
}

#numbers p {
	color: #fff;
}


/*--// 5. Secondary Pages //--*/
.custom-header {
	display: none;
}

#page-title {
	min-height: 320px;
}

#page-title h1 {
	margin: 0;
	text-transform: uppercase;
}

#page-title h1 span {
	font-weight: 200!important;
}

.page-header {
	padding-bottom: 0!important;
	margin: 80px 0 0!important;
	border-bottom: none!important;
}

.vc_separator h4 {
	color: #ff8300!important;
	font-size: 36px!important;
	font-weight: 300!important;
	margin: 0!important;
	text-transform: uppercase;
}

.project .vc_column-inner,
.person .vc_column-inner {
	margin-top: 40px;
	padding-top: 0!important;
}

.project .wpb_content_element,
.person .wpb_content_element {
	margin-bottom: 15px;
}

.project img,
.person img {
	margin-bottom: 25px;
}

span.vc_icon_element-icon.fa.fa-file-pdf-o {
	margin-right: -1px;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
	float: left;
	margin: 0 20px 60px 0;
}

.download h3 {
	padding-top: 5px;
}

h2.blog-title {
	padding-bottom: 0!important;
	text-transform: inherit!important;
}

article.blog-list {
	color: #333!important;
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif!important;
	margin-top: 80px!important;
}

.nav-links .nav-previous a, .tribe-events-sub-nav .nav-previous a, .nav-links .tribe-events-nav-previous a, .tribe-events-sub-nav .tribe-events-nav-previous a,
.nav-links .nav-next a, .tribe-events-sub-nav .nav-next a, .nav-links .tribe-events-nav-next a, .tribe-events-sub-nav .tribe-events-nav-next a {
	background: #fff!important;
	border: 2px solid #ff8300!important;
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif!important;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.nav-links .nav-previous a:hover, .tribe-events-sub-nav .nav-previous a:hover, .nav-links .tribe-events-nav-previous a:hover, .tribe-events-sub-nav .tribe-events-nav-previous a:hover,
.nav-links .nav-next a:hover, .tribe-events-sub-nav .nav-next a:hover, .nav-links .tribe-events-nav-next a:hover, .tribe-events-sub-nav .tribe-events-nav-next a:hover {
	background: #ff8300!important;
	color: #fff!important;
}

header + article.blog-list {
	margin-top: 40px!important;
}

h1.page-title {
	color: #0b3c5d!important;
	font-size: 48px;
	margin: 0;
}

.shadow-box, #secondary .widget {
	box-shadow: none!important;
}

.btn-bordered {
	border: 2px solid #ff8300!important;
	letter-spacing: 1px;
	padding: 13px 19px!important;
}

aside#secondary {
	margin-bottom: 60px;
}

#secondary .widget {
	border-bottom: 1px solid #eaeaea;
	margin-top: 40px!important;
	padding: 0 0 15px!important;
}

#secondary #search-2.widget {
	border-bottom: none;
	margin-top: 80px!important;
}

#secondary h2 {
	color: #0b3c5d!important;
	font-size: 24px;
	margin-bottom: 15px!important;
	text-transform: capitalize;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	border: 1px solid #cacaca;
	margin-top: 10px;
	padding: 5px 10px 3px;
	width: 100%;
	-webkit-transition: border-color 0.3s;
					transition: border-color 0.3s;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	max-height: 240px;
	resize: none;
}

input.wpcf7-form-control.wpcf7-text:focus,
textarea.wpcf7-form-control.wpcf7-textarea:focus,
input.wpcf7-form-control.wpcf7-submit:focus {
	outline: none;
}

input.wpcf7-form-control.wpcf7-text:hover,
input.wpcf7-form-control.wpcf7-text:active,
textarea.wpcf7-form-control.wpcf7-textarea:hover,
textarea.wpcf7-form-control.wpcf7-textarea:active {
	border-color: #ff8300;
}

input.wpcf7-form-control.wpcf7-submit {
	border: 2px solid #ff8300;
	background: #fff;
	color: #ff8300;
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: normal;
	min-width: 170px;
	padding: 13px 19px;
}

input.wpcf7-form-control.wpcf7-submit:hover {
	background: #ff8300;
	color: #fff;
}


/*--// 6. Footer //--*/
.site-footer {
	padding-top: 80px!important;
}

.site-footer .footer-top .container {
	border: none!important;
}

.site-footer #text-2.widget {
	margin-bottom: 0;
}

.site-footer h2.widget-title {
	font-size: 20px!important;
	font-weight: 700!important;
	margin-bottom: 15px!important;
}

.site-footer p, .site-footer ul#menu-footer-site-map li {
	font-size: 14px!important;
	line-height: 22px!important;
	font-weight: 500;
	margin-bottom: 10px!important;
}

.site-footer .site-info {
	margin-top: 10px!important;
}

.site-footer .copyright {
	color: #fff!important;
	line-height: 20px;
	padding: 15px;
	text-align: center;
}


/*--// 7. Error 404 Page //--*/
.error-404 {
	margin: 80px 0!important;
}

.error-404 h3 span {
	font-family: 'Montserrat', 'Raleway', Helvetica, Arial, sans-serif;
}

.error-404 h1 {
	margin-bottom: 30px;
}


/*--// 8. Media Queries //--*/
@media only screen and (max-width: 1200px) {
	/*--// 1. Typography //--*/
	h2, .vc_separator h4 {
		font-size: 32px!important;
	}


	/*--// 3. Navigation //--*/
	.navbar .navbar-header {
		width: auto;
	}

	.navbar .navbar-header button {
		margin-right: 20px;
		z-index: 0;
	}

	.navbar .head-search #head-search-trigger {
		display: block;
	}

	.navbar .head-search .search {
		display: none;
	}


	/*--// 4. Home Page //--*/
	#hero h1 {
		font-size: 38px;
	}


	/*--// 5. Secondary Pages //--*/
	#page-title h1 {
		font-size: 44px!important;
		line-height: 50px!important;
	}
}


@media only screen and (max-width: 1024px) {
	/*--// 1. Typography //--*/
	h2, .vc_separator h4 {
		font-size: 28px!important;
	}

	h4 {
		font-size: 20px!important;
	}

	p, li {
		font-size: 16px!important;
		line-height: 28px!important;
	}


	/*--// 4. Home Page //--*/
	#hero {
		background-position: 51% 50%!important;
	}

	#hero h1 {
		font-size: 36px;
	}

	#numbers h3 {
		font-size: 32px;
	}


	/*--// 5. Secondary Pages //--*/
	#page-title {
		border-bottom-width: 35px!important;
		min-height: 290px;
	}
}


@media only screen and (max-width: 960px) {
	/*--// 1. Typography //--*/
	h2, .vc_separator h4 {
		font-size: 26px!important;
	}

	h3 {
		font-size: 20px!important;
	}


	/*--// 4. Home Page //--*/
	#hero {
		background-position: 52% 50%!important;
	}

	#hero h1 {
		font-size: 32px;
	}

	#numbers h3 {
		font-size: 28px!important;
	}


	/*--// 5. Secondary Pages //--*/
	#page-title {
		border-bottom-width: 30px!important;
		min-height: 270px;
	}

	#page-title h1 {
		font-size: 40px!important;
		line-height: 46px!important;
	}
}


@media only screen and (max-width: 800px) {
	/*--// 4. Home Page //--*/
	#hero {
		background-position: 53% 50%!important;
	}

	#hero h1 {
		font-size: 28px;
	}
}


@media only screen and (max-width: 768px) {
	/*--// 5. Secondary Pages //--*/
	#page-title {
		min-height: 250px;
	}

	.project .vc_col-sm-8,
	.project .vc_col-sm-4 {
		float: none;
		width: 100%;
	}
}


@media only screen and (max-width: 767px) {
	/*--// 1. Typography //--*/
	h2 {
		font-size: 32px!important;
	}

	h3 {
		font-size: 24px!important;
	}


	/*--// 3. Navigation //--*/
	.logo {
		text-align: left!important;
	}

	.logo-image img {
		max-width: 320px;
	}


	/*--// 4. Home Page //--*/
	#hero {
		background-image: none!important;
		min-height: 400px;
	}

	#hero .vc_col-sm-7 {
		display: none;
	}

	#hero h1 {
		font-size: 40px;
	}

	#challenges .vc_col-sm-6 + .vc_col-sm-6 {
		display: none;
	}

	#numbers h3 {
		font-size: 26px!important;
	}

	#numbers h4 {
		font-size: 54px!important;
		height: 140px;
		line-height: 140px!important;
		width: 140px;
	}


	/*--// 5. Secondary Pages //--*/
	#page-title h1 {
		font-size: 36px!important;
		line-height: 40px!important;
	}

	.vc_separator h4 {
		font-size: 28px!important;
		text-align: center;
	}

	.person.mobile-hide.vc_col-sm-4 {
		display: none;
	}

	.project .vc_column-inner,
	.person .vc_column-inner {
		margin-top: 30px;
	}

	.download.vc_col-sm-6:last-child .vc_column-inner {
		padding-top: 0!important;
	}

	.blog-list .shadow-box .has-post-thumbnail figure img {
		min-height: 0!important;
	}


	/*--// 6. Footer //--*/
	#back-to-top {
		display: block!important;
	}
}


@media only screen and (max-width: 620px) {
	/*--// 4. Home Page //--*/
	#hero {
		min-height: 440px;
	}

	#hero h1 {
		font-size: 36px;
	}
}


@media only screen and (max-width: 480px) {
	/*--// 1. Typography //--*/
	h2 {
		font-size: 24px!important;
	}

	h3 {
		font-size: 20px!important;
	}


	/*--// 3. Navigation //--*/
	.logo-image img {
		max-width: 242px;
		min-width: 242px;
	}

	.navbar .navbar-header button {
		margin-right: 10px;
	}

	.navbar .head-search {
		display: block;
	}


	/*--// 4. Home Page //--*/
	#hero {
		min-height: 420px;
	}

	#hero h1 {
		font-size: 28px;
	}

	#buckets img {
		max-width: 100px;
	}

	#numbers h4 {
		font-size: 48px!important;
		height: 120px;
		line-height: 120px!important;
		width: 120px;
	}


	/*--// 5. Secondary Pages //--*/
	.vc_separator h4 {
		font-size: 20px!important;
		line-height: 26px!important;
	}

	.project .vc_column-inner,
	.person .vc_column-inner {
		margin-top: 20px;
	}

	.download .vc_icon_element {
		display: none;
	}

	.download h3 {
		padding-top: 32px;
	}
}