/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

body #load
{
    display: none !important;
}

.scroll-top.on {
  display: none !important;
}

@media screen and (max-width: 1050px) {
	h1 {
		font-size:46px !important;
		line-height:56px !important;
	}
	h2 {
		font-size:34px !important;
		line-height:46px !important;
	}
	h3 {
		font-size:16px !important;
		line-height:24px !important;
	}
	.wide {
        width:100% !important 
	}
}



/* Style Contact Us In Main Nav */

@media screen and (min-width: 1051px) {
	.menu-item-34 a span.menu-item-text {
		background: #FFF;
		border-radius: 20px;
		padding: 7px 20px;
		text-decoration: none;
		color: rgba(2,74,91,0.9) !important;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu-item-34 a span.menu-item-text::before {
		display: none;
	}	
	.menu-item-34 a span.menu-item-text span {
    color: rgba(2,74,91,0.9) !important;
	}

	.menu-item-34 a:hover span.menu-item-text, .menu-item-34.current_page_item a span.menu-item-text {

    background-color: rgba(23,29,46,1) !important;
	}
}




/* Contact Form Flex Box */

.contact_form {
	display: flex;
}

.contact_form > div + div {
	padding-left: 2em;
}

.contact_form__input {
	flex: 1 1 auto;
}

.contact_form__submit {
	flex: 0 0 auto;
}

@media (max-width: 640px) {
	.contact_form {
		display: block;
	}
	
	
	.contact_form > div {
		padding-top: 2em;
		padding-left: 0 !important;
	}
}


/* Contact Form Styling */

:focus::placeholder {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

:focus::-webkit-input-placeholder {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

:focus:-moz-placeholder {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

:focus::-moz-placeholder {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

:focus:-ms-input-placeholder {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #959595 !important;
	opacity: .75;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #959595 !important;
	opacity: .75;
}

:-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #959595 !important;
	opacity: .75;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #959595 !important;
	opacity: .75;
}

/*Send Button*/

.wpcf7 input[type="submit"] {
	padding: 3px 50px 3px 50px;
	background-color: #a67d52 !important;
	color: #fff;
	text-align: centre;
	border: none;
	float: left;
}

.form-padding input[type="submit"] {
	margin-top: 10px !important;
	padding: 3px 50px 3px 50px;
	background-color: #a67d52 !important;
	color: #fff;
	text-align: centre;
	border: none;
	float: left;
}

/*Send button hover*/

.wpcf7 input[type="submit"]:hover {
	background-color: #000000 !important;
	border: none;
}

.wpcf7-form-control-wrap {
	color: #00adef !important;
}

.wpcf7-form select {
	color: #b0b0b0 !important;
	height: 50px;
	padding: 7px 25px 9px 0px !important;
	background-color: #ffffff;
	width: 100% !important;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
	/*-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;*/
	font-size: 18px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.form-padding input[type="text"],
.form-padding input[type="email"] {
	background-color: #1d1d1b !important;
	margin-right: 20px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	color: #3b3f4a !important;
	height: 50px;
	padding: 7px 25px 9px 0px !important;
	background-color: #fff;
	width: 100% !important;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
	/*-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;*/
	font-size: 18px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.wpcf7 textarea {
	background-color: #fff;
	width: 100% !important;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
	/*-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;*/
	font-size: 18px !important;
	color: #3b3f4a !important;
	padding: 10px 25px 25px 0px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

span .wpcf7-not-valid {
	border: 1px solid #ff0000;
}

div.wpcf7-validation-errors {
	display: none !important;
}

.wpcf7 input[type="text"]:active,
.wpcf7 input[type="email"]:active,
.wpcf7 input[type="select"]:active,
.wpcf7 textarea:active,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type=“select”]:focus,
.wpcf7 textarea:focus,
.wpcf7-form select:focus {
	color: #a67d52 !important;
	/*background-color: #e5f7fd !important;*/
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #a67d52;
	border-left: none;
	/*-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.wpcf7-response-output,
.wpcf7-display-none,
.wpcf7-mail-sent-ok {
	text-align: center;
	border: none; /*!important;*/
	background-color: #a67d52; /*!important;*/
	color: #ffffff !important;
	font-size: 18px !important;
}

.wpcf7-list-item {
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
}

.wpcf7-free-text {
	margin-top: 5px;
	max-width: 200px;
}

.wpcf7-list-item-label {
	margin-left: 0px;
	margin-bottom: 10px;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #a67d52;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	padding: 25px;
}

/* Style News Items */

.vc_gitem-post-data.category {
    text-align:left!important;
}

.vc_gitem-post-category-name {
    color:#a67d52!important;
    font-weight:500!important;
}

.vc_btn3-color-grey {
    background-color:#30404a!important;
    padding-top:12px!important;
    padding-bottom:15px!important;
}


/* Page border */

/*body {
    border: 15px solid #a67d52!important;
}*/


/* Logo resize */
.branding a img,
.branding img,
.logo-box img
{
	max-width: 200px;
	height: auto;
}

.preload-me:hover {
	opacity:0.6;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/* Text Colours */

.copper {
	color:#a67d52;
}

.white {
	color:#ffffff;
}

.dark-blue {
	color:#171d2e;
}

.gunmetal {
	color:#30404a;
}


/* Footer Icons Fade On Hover */

.hover:hover {
    opacity:0.5;
    transition:0.6s;
}

/* Send To Back */

.position-behind {
    z-index: -100 !important;
}

/* Menu */

.mobile-header-bar .mobile-branding img
{
	max-width: 40%;
}

@media screen and (min-width: 1051px)
{
	.mobile-header-bar .mobile-branding img
	{
		max-width: 100%;
	}
	
	.menu-item-130 a span.menu-item-text
	{
		background: #a67d52!important;
		border-radius: 20px;
		padding: 7px 20px;
		text-decoration: none;
		color: rgba(255,255,255,1)!important;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu-item-130 a span.menu-item-text::before
	{
		display: none!important;
		color: rgba(255,255,255,1)!important;
	}	
	.menu-item-130 a span.menu-item-text span
	{
		color: rgba(255,255,255,1)!important;
	}

	.menu-item-130 a:hover span.menu-item-text, .menu-item-130.current_page_item a span.menu-item-text
	{
		background-color: #171d2e!important;
	}
	
	.main-nav > li.menu-item-1715 > a
	{
		margin-left: 0;
	}
	
	.menu-item-1715 a span.menu-item-text
	{
		background: #171d2e!important;
		border-radius: 20px;
		padding: 7px 20px;
		text-decoration: none;
		color: rgba(255,255,255,1)!important;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.menu-item-1715 a span.menu-item-text::before
	{
		display: none!important;
		color: rgba(255,255,255,1)!important;
	}	
	.menu-item-1715 a span.menu-item-text span
	{
		color: rgba(255,255,255,1)!important;
	}

	.menu-item-1715 a:hover span.menu-item-text, .menu-item-130.current_page_item a span.menu-item-text
	{
		background-color: #a67d52!important;
	}
}

/*
 * prevent popup dialog breaking page width on mobile... 
 */
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active
{
	padding: 0;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]
{
	padding-right: 0;
}

/* Magazine Archive Styles */
.magazine-archive{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 60px 80px;
	text-align: center;
}

.magazine-archive .magazine
{
	display: grid;
	gap: 5px;
	
}

.magazine-archive .magazine:hover img
{
	transform: scale(1.05);
}

.magazine-archive img
{
	box-shadow: -.2em .2em .5em #0005;
	transition: transform .3s linear;
}

.magazine-archive a{
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.3em;
	display: block;
}