/*
Theme Name: Freelancers Unite
Version: 1.0
*/

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

body {
	font-family: 'Montserrat', serif;
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	color: #FFF;
	background: url(#) repeat center center #000;
	/*font-family: 'Raleway', sans-serif;*/
}

section{
	padding-top: 90px;
	padding-bottom: 90px;
}

section h2{
	font-size: 25px;
}

section p{
	font-size:20px;
}

section:nth-child(even){
	background: url(#) repeat center center #000;
}

section:nth-child(odd){
	background: url(#) repeat center center #4a4a4a;
}

a {
	color: #4a4a4a;
}

a:hover {
	color: #9d9d9d;
}

.btn-fu {
	background-color: #d8d8d8;
	padding: 5px 92px;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	border-radius: 100px;
	font-family: 'Montserrat', sans-serif;
}

.btn-fu:hover {
	color: #DFDFDF;
	background-color: #5B5B5B;
}

.modal-content {
	border-radius: 0px;
	background-color: #000;
}

.modal-content .close {
	color: #979797;
	font-size: 50px;
	opacity: 1;
	text-shadow: none;
	line-height: 15px;
	font-weight: 100;
}

.modal-freelancer {
	font-size: 20px;
	font-weight: 400;
}

.modal-freelancer h3 {
	font-size: 25px;
	font-weight: 700;
}

.modal-freelancer hr {
	height: 1px;
	background-color: #979797;
	border: 0;
}

.modal-freelancer .btn-fu {
	padding-left: 30px;
	padding-right: 30px;
}

.modal-nominate {
	font-size: 20px;
}

.modal-nominate h2,
.modal-nominate h3 {
	font-size: 25px;
	font-weight: 700;
	line-height: 34px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 2px;
}

.modal-nominate h2 {
	margin-bottom: 50px;
	margin-top: 70px;
	font-size: 35px;
}

.modal-nominate hr {
	height: 1px;
	background-color: #979797;
	border: 0;
	margin: 6px 0 20px 0;
}

.modal-nominate label {
	font-size: 20px;
	line-height: 26px;
}

.modal-nominate .checkbox label {
	font-size: 17px;
}

.modal-nominate input {
	color: #4a4a4a;
	font-size: 20px;
	border-radius: 8px;
	height: 50px;
}

.modal-nominate input[type=checkbox] {
	height: auto;
}

.modal-nominate textarea {
	border-radius: 8px;
	color: #4a4a4a;
	font-size: 20px;
	height: 120px;
}

.modal-nominate textarea[name=nominee_great] {
	height: 300px;
}

.modal-nominate input.error,
.modal-nominate textarea.error {
	border: 1px solid #D50003;
}

.modal-nominate .btn-fu {
	padding-left: 78px;
	padding-right: 78px;
	margin-bottom: 20px;
}

.modal-nominate a {
	color: #FFF;
}

.modal-nominate .success-msg {}

.modal-nominate .success-msg h2 {
	margin-bottom: 10px;
	margin-top: 0;
}

.modal-nominate .success-msg hr {
	margin: 6px 0;
}

form {}

form span.error {
	color: #D50003;
	font-size: 14px;
	line-height: 1px;
}

form .form-group.error input {
	border: 1px solid #D50003 !important;
}

form .form-group.error label {
	color: #D50003;
}

form .bootstrap-filestyle .btn {
	line-height: 36px;
}

form .video-submission p {
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px;
}

form #file-upload-progress {
	display: none;
}

.blockMsg {
	width: 70%;
	text-align: center;
	color: #000;
	cursor: wait;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Domine', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}


/*
*
* HEADER
*
*/

.header-container {
	background-color: #4A4A4A;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	-webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.45);
	box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.45);
}

.navbar-fu {
	border-radius: 0;
	margin-bottom: 0;
	background: url(#) repeat center center #4a4a4a;
	z-index: 100;
}

.navbar-fu .navbar-brand>img {
	max-height: 65px;
}

.navbar-fu .navbar-collapse {
	text-align: center;
}

.navbar-fu .navbar-collapse ul {
	padding: 20px 0;
	display: inline-block;
	float: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar-fu li a {
	color: #FFF;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
}

.navbar-fu li a:hover,
.navbar-fu li a:focus {
	background-color: transparent;
	color: #A8A8A8;
}

.navbar-fu .navbar-toggle {
	margin-top: 34px;
	margin-bottom: 28px;
}

.navbar-fu .navbar-toggle .icon-bar {
	background-color: #FFF;
}

.shrink .navbar-fu .navbar-brand {
	padding-top: 5px;
}

.shrink .navbar-fu .navbar-brand>img {
	max-height: 40px;
}

.shrink .navbar-fu .navbar-collapse ul {
	padding: 0;
}

.shrink .navbar-fu .navbar-toggle {
	margin-top: 12px;
	margin-bottom: 10px;
}


/*
*
* BODY
*
*/

.welcome-container {
	margin-top: 90px;
}

.welcome-container div.text-center {
	margin-top: 96px;
}

.welcome-container .fu-bg-logo {
	margin-top: 53px;
	margin-bottom: 76px;
}

.welcome-video .welcome-container {
	padding-bottom: 125px;
}

.welcome-video .welcome-container .embed-responsive {
	margin-bottom: 20px;
}

a#nomination-button img,
a.nomination-button img { display: none; }
a#nomination-button:before,
a.nomination-button:before {
		content: "NOMINATE A FREELANCER";
		display: inline-block;
		padding: 10px 15px;
		margin-top: 20px;
		color: #fff;
		font-family: 'Domine', serif;
		border: 3px solid #fff;
		background: #000;
}

.nominations-container {
	background: url(#) repeat center center #4a4a4a;
	padding-bottom: 72px;
}

.nominations-container div.text-center {
	margin-top: 67px;
}

.nominations-container h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.nominations-container p {
	font-size: 20px;
}

.nominations-container p .btn-fu {
	margin-top: 25px;
	margin-bottom: 25px;
}

.winners-container {
	background: url(#) repeat center center #4a4a4a;
	padding-bottom: 72px;
}

.winners-container h2 {
	text-transform: uppercase;
	margin-top: 64px;
	margin-bottom: 74px;
}

.winner {}

.winner img {
	width: 100%;
	max-width: 100%;
}

.winner .winner-meta {
	text-align: center;
	font-size: 20px;
	margin-top: 32px;
}

.winner .winner-meta a,
.winner .winner-meta a:hover {
	color: #FFF;
	text-decoration: none;
}

.merch-container {
	padding-bottom: 100px;
}

.merch-container div.text-center {
	margin-top: 67px;
}

.merch-container h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.merch-container p {
	font-size: 20px;
}

.merch-container .merch-row {
	margin-top: 68px;
}

.product-container {
	/*height: 400px; position: relative;*/
	text-align: center;
}

.product-container img {
	max-height: 250px;
	position: relative;
	top: 25%;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.product-container>div {
	/*position: absolute; bottom: 0; left: 0; right: 0; text-align: center;*/
}

.product-container>div h3 {
	font-size: 18px;
	text-transform: uppercase;
}

.product-container>div .btn-fu {
	padding-left: 66px;
	padding-right: 66px;
}

.subscription-container {
	background: url(#) repeat center center #4a4a4a;
	padding-bottom: 140px;
}

.subscription-container div.text-center {
	margin-top: 140px;
}

.subscription-container h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.subscription-container .success-msg div.text-center {
	margin-top: 15px;
}

.subscription-container form {
	margin-top: 35px;
}

.subscription-container .form-group {
	margin-bottom: 0;
}

.subscription-container form input[type=text] {
	display: inline-block;
	max-width: 520px;
	background-color: #d8d8d8;
	border-radius: 0px;
	border: 1px solid #979797;
	color: #000;
	height: 52px;
}

.subscription-container form label {
	font-size: 18px;
	font-weight: 400;
}

.subscription-container form button {
	border-radius: 0px;
	width: 169px;
	color: #FFF;
	background-color: #000;
	font-size: 20px;
	padding: 11px 0;
}

.subscription-container form button:hover {
	color: #FFF;
}


/*
*
* FOOTER
*
*/

.footer-container {
	padding-top: 74px;
	padding-bottom: 70px;
	font-size: 17px;
	background: url(#) repeat center center #000;
}

.footer-container h2 {
	font-size: 20px;
	margin: 55px 0 0 0;
}

.footer-container h2:first-child {
	margin-top: 0;
}

.footer-container h2+hr {
	height: 1px;
	background-color: #979797;
	border: 0;
	clear: both;
}

.footer-container .partners {
	overflow: hidden;
}

.footer-container .partners img {
	display: inline-block;
	max-height: 80px;
	max-width: 110px;
	padding: 0 18px;
	margin-bottom: 15px;
}

.footer-container .partners img:first-child {
	padding-left: 0;
}

.footer-container .partners img:last-child {
	padding-right: 0;
}

.footer-container .people {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.footer-container .people li {
	float: left;
	width: 20%;
	line-height: 27px;
}

.footer-container .footnote {
	font-size: 23px;
	font-weight: bold;
}

.footer-container .footnote img {
	padding-right: 25px;
}

.footer-container .footnote a {
	color: #FFF;
}

/** form **/
input, label, .pum-container {
    font-family: sans-serif;
}

.pum-close,
.wpcf7-submit {
    background-color: #fff !important;
    color: #222 !important;
    padding: 5px 10px;
    border: none;
}

select {
	height: 32px;
}

input.wpcf7-form-control.wpcf7-text, select, textarea {
    width: 100%;
    display: block;
    margin: 5px 0 0 0;
    color: #222;
    font-weight: 400;
    padding: 5px
}

label {
    width: 100%;
    margin: 30px 0 0 0;
}

.joinform input[type="email"],
.joinform input[type="submit"] {
    width: 220px !important;
    padding: 5px 10px;
    font-size: 16px;
    display: inline-block !important;
    height: 40px;
    border: none;
    border-right: 1px solid black;
}
.joinform input[type="submit"] {
	width: 120px !important;
	display: inline-block !important;
	border-radius: 0;
	margin-left: 20px;
	font-family: 'Domine', serif;
	background: black !important;
	color: #fff !important;
	font-weight: bold;
	border: 1px solid #fff;
}
.joinform .wpcf7-list-item-label {
    font-size: 16px;
}
.joinform span.wpcf7-list-item-label:after {
    content: "You may unsubscribe at any time.";
    display: block;
    padding-left: 18px;
    font-size: 1.58rem;
		text-align: left !important;
}
.joinform .wpcf7-list-item {
    margin: 0 !important;
}

/* FOOTER */
ul.thanks {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul.thanks li {
    font-size: 16px;
    line-height: 1;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
}
@media(min-width: 767px){
 ul.thanks li {
    width: 19%;
 }
}
.partners ul {
    text-align: left;
    margin: 0;
    padding: 0;
}
.partners li {
    display: inline-block;
    width: 100px;
    padding-right: 18px;
    margin-bottom: 20px;
}
.partners li img {
    max-width: 100%;
    height: auto;
}
.mb-15 {margin-bottom: 15px !important;}

.m5 { margin: 50px !important; }

.listnumber {
    text-align: center;
    font-size: 6rem;
    font-weight: 900;
    border: 6px solid white;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    line-height: 90px;
		margin: 0 auto;
}
.how {
	text-align: left !important;
}
.how h2 {
    margin-top: 0;
    font-size: 2.9rem;
}
.how p {
    font-weight: bold;
    width: 60%;
}

#winners h2 {
    text-align: left;
    text-transform: none;
}

#winners p {
    text-align: left;
    font-weight: bold;
}

.wpb_image_grid .wpb_image_grid_ul img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-left: 15px;
    padding-bottom: 15px;
}
.mobile-gallery-row {
	margin: 0 !important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
	padding-right: 0 !important;
}
.pum-overlay {
    background: rgba(0,0,0,0.75) !important;
}
.pum-container {
    margin-top: 30px;
    border: 1px solid #fff !important;
}
.pum-container img {
    outline: 20px solid #000;
}
.pum-theme-60 .pum-title, .pum-theme-default-theme .pum-title { display: none; }
.pum-theme-60 .pum-container, .pum-theme-default-theme .pum-container {
	background: url(#) repeat center center #000;
}
input.wpcf7-form-control.wpcf7-submit.submitForm {
    border: none;
    border-radius: 0;
    background: url(#) repeat center center #000 !important;
		color: #fff !important;
}
.pum-theme-60 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    color: #fff !important;
    background-color: #000 !important;
    border: 1px solid #fff !important;
    padding: 10px 15px !important;
    font-family: 'Domine', serif !important;
    font-weight: bold !important;
		margin-right: -1px;
    margin-top: -1px;
}

.wpb_video_widget {
    border: 1px solid #fff;
}

@media (min-width: 768px) {
	.navbar-fu .navbar-collapse ul {
		float: right !important;
	}
	.navbar-fu .navbar-brand,
	.navbar-fu .navbar-brand * {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-ms-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
    #welcome h2 {
			margin-top: 70px;
       font-size: 2.95rem !important;
    }

    #welcome img {
			margin-top: 30px;
        width: 400px;
    }

    #welcome div {
        font-size: 1.75rem;
        line-height: 1.5;
    }
    #welcome a,
		#nominate a {
        font-size: 3rem;
    }

    #nominate h2 {
        font-size: 4.45rem !important;
    }
    #nominate div {
        font-size: 1.45rem;
        line-height: 1.5;
    }

    #blank-2 h2 {
        margin-top: 10px;
        font-size: 1.85rem
    }
    #blank-2 p {
        width: 85%;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    #winners h2 {
        margin-top: 15px;
        font-size: 2rem;
    }
    #winners p {
        font-size: 1.5rem;
        line-height: 1.5;
    }

		#unite h2 {
		    font-size: 5rem !important;
		}
		#unite h3 {
		    font-size: 1.75rem !important;
		    line-height: 1.5;
		}
		li.isotope-item {
		    width: 64px !important;
		}
}

@media (min-width:992px) {
	#welcome h2 {
		 font-size: 3.85rem !important;
	}

	#welcome img {
			width: 500px;
	}

	#welcome div {
			font-size: 2.25rem;
			line-height: 1.5;
	}
	#welcome a,
	#nominate a {
			font-size: 3.5rem;
	}

	#nominate h2 {
			font-size: 5rem !important;
	}
	#nominate div {
			font-size: 2.05rem;
			line-height: 1.5;
	}

	#blank-2 h2 {
			margin-top: 5px;
			font-size: 2.35rem
	}
	#blank-2 p {
			width: 80%;
			font-size: 1.75rem;
			line-height: 1.5;
	}

	#winners h2 {
			margin-top: 5px;
			font-size: 2.75rem;
	}
	#winners p {
			font-size: 1.75rem;
			line-height: 1.5;
	}

	#unite h2 {
			font-size: 5rem !important;
	}
	#unite h3 {
			font-size: 2.25rem !important;
			line-height: 1.5;
	}
	li.isotope-item {
	    width: 84px !important;
	}
}
@media (min-width:1200px) {
	#welcome h2 {
		 font-size: 4.55rem !important;
	}

	#welcome img {
			width: 600px;
	}

	#welcome div {
			font-size: 2.75rem;
			line-height: 1.5;
	}
	#welcome a,
	#nominate a {
			font-size: 4rem;
	}

	#nominate h2 {
			font-size: 6rem !important;
	}
	#nominate div {
			font-size: 2.5rem;
			line-height: 1.5;
	}

	#blank-2 h2 {
			margin-top: 5px;
			font-size: 2.95rem
	}
	#blank-2 p {
			width: 80%;
			font-size: 2.25rem;
			line-height: 1.5;
			font-weight: 500;
	}

	#winners h2 {
			margin-top: 5px;
			font-size: 3.25rem;
	}
	#winners p {
			font-weight: 500;
			font-size: 2.25rem;
			line-height: 1.5;
	}

	#unite h2 {
			font-size: 6rem !important;
	}
	#unite h3 {
			font-size: 2.65rem !important;
			line-height: 1.5;
	}
	li.isotope-item {
	    width: 100px !important;
	}
}
div.wpcf7 .ajax-loader,
div.wpcf7 .ajax-loader.is-active {
	display: none !important;
	visibility: hidden !important;
}
.wpcf7-validation-errors {
	border: none !important;
}
.wpcf7-not-valid {
    border: 2px solid #ef9548;
    background-color: #f8d4b5;
}
.wpcf7-not-valid-tip {
	font-size: 1.25rem !important;
	color: #ef9548 !important;
}