/*
 Theme Name:   Torc
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Twenty One Child Theme
 Author:       Nick Carlisle
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyonechild
*/

/*********************FONTS************************/
@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://www.torcinteriors.co.uk/wp-content/themes/torc/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('https://www.torcinteriors.co.uk/wp-content/themes/torc/fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'staatlichesregular';
    src: url('https://www.torcinteriors.co.uk/wp-content/themes/torc/fonts/staatliches-regular-webfont.woff2') format('woff2'),
         url('https://www.torcinteriors.co.uk/wp-content/themes/torc/fonts/staatliches-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*********************GENERAL**************************/
*{
	font-family: 'open_sanssemibold'!important;
    font-weight: normal;
    font-style: normal;
	color: #7f7f7f;
}
body{
	font-size: 18px!important;
}
h1, h2, h3, h4{
	font-family: 'staatlichesregular'!important;
    font-weight: normal;
    font-style: normal;
}
h1,h2{
	font-size: 58px!important;
	color: #674796;
	text-transform: uppercase;
	text-align: center;
}
h1{
	color: #674796!important;
}
h2{
	line-height: 1.0!important;
}
h3{
	font-size: 42px!important;
	margin-bottom: 35px!important;
}
h5{
	font-size: 25px!important;
}
h5, .h5 {
    letter-spacing: 0!important;
}
a{
	text-decoration: none!important;
}
a:hover{
	color: #674796!important;
}
p{
	line-height: 1.3!important;
}
p.has-background {
    padding: 16px!important;
}
p.extra{
    padding: 1px!important;	
}
h2.alignfull, p.has-text-align-center{
	padding-left: 40px!important;
	padding-right: 40px!important;
}
/************************HEADER*************************/
#masthead{
	padding-top: 0!important;
	position: fixed;
	width: 100%;
	max-width: 100%!important;
	background-color: white;
	z-index: 999;
}
#logoDesktop, #site-logo{
    max-width: none;
  	transition: 0.2s;
  	-webkit-transition: 0.2s;
	margin-left: 20px;
}
.site-logo .custom-logo{
	max-width: 60%!important;
	max-height: none!important;
}
.primary-navigation a:link, .primary-navigation a:visited, .primary-navigation a:focus, .primary-navigation a:active{
	color: white!important;
	background-color: transparent!important;
	font-size: 18px!important;
}
.primary-navigation a:hover, .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
	color: white!important;
}
.menu-wrapper li#menu-item-28 a, #mega-menu-item-28 a{
	color: white!important;
}
.menu-button-container #primary-mobile-menu {
    display: none!important;
}
/**********************MAIN CONTENT***********************/
.content-area{
	margin-top: 100px;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 100%;
}
.singular .entry-header {
    border-bottom: none!important;
	padding-bottom: 0!important;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 1020px;
}
.entry-footer{
	display: none!important;
}
.site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > * {
    margin-bottom: 0!important;
}
.site-main, .widget-area, .site-footer {
    padding-bottom: 0!important;
}
.interpreting{
	word-spacing: 28px;
}
.halfBlock .wp-block-media-text__content{
	padding: 80px 40px 80px 40px!important;
}
/********************HOMEPAGE SPONSORS***************/
.sponsors{
	padding: 30px!important;
	max-width: 765px!important;
}
.sponsors figure{
	margin: 30px 0!important;
}
.readmore a{
	color: #6c6872!important;
	font-weight: bold!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	display: inline-block;
}
.readmore a:hover{
	color: #674796!important;
}
/**************SERVICES PAGE*********************/
.wp-block-columns.has-background {
    padding: 0!important;
}
.metaslider .flexslider {
    margin: 0!important;
}
.metaslider .flex-control-nav {
    bottom: 27px!important;
}
.flex-control-paging li a, .flex-control-paging li a:hover {
    background: rgba(211,211,211,.6)!important;
}
.flex-control-paging li a.flex-active {
    background: rgba(211,211,211,.9)!important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none!important;
}
.wp-block-column.textCol, .wp-block-column.textColLeft{
	padding-bottom: 70px!important;
}
.textCol h3{
	margin-top: 70px!important;
	padding-left: 40px!important;
}
.textCol p{
	padding-left: 40px!important;
	padding-right: 40px!important;
}
.textColLeft h3{
	margin-top: 70px!important;
	padding-left: 40px!important;
}
.textColLeft p{
	padding-left: 40px!important;
	padding-right: 40px!important;
}
.textColList{
    list-style-type: none!important;
	padding-left: 40px!important;	
}
.textColListRight{
    list-style-type: none!important;
	padding-left: 40px!important;
}
.wp-block-columns .wp-block-column:not(:last-child) {
    margin-bottom: 0!important;
}
.hiddenMobile{
	display: block!important;
	padding: 0!important;
}
.hiddenMobile h3{
	margin-bottom: 35px!important;
}
.hiddenMobile.has-text-color{
	padding: 70px 40px!important;
}
.hiddenMobile ul{
	list-style: none;
	padding-left: 0!important;
}
.hiddenDesktop{
	display: none!important;
}
.page-id-24 .alignfull{
	margin-top: 0!important;
}
/*******************META SLIDER************************/
.metaslider .flexslider .flex-direction-nav li a {
    width: 50%!important;
    height: 100%!important;
    margin: 0!important;
    box-shadow: none!important;
    background-image: none!important;
    top: 0!important;
}
/*********************ABOUT US PAGE*********************/
.contactStyleTop{
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding: 60px 40px 0 40px!important;
}
.contactStyle{
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding: 0 40px 0 40px!important;
}
.contactStyleBottom{
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding: 0 40px 60px 40px!important;
}
.contactStyle a{
	margin-bottom: 25px!important;
	display: inline-block!important;
}
.contactWide{
	max-width: 1020px!important;
}
.upper{
	background-color: #b3a3ca;
}
.middle{
	background-color: #d9d1e5;
}
.contactDetails .wp-block-media-text__content{
	padding: 0!important;
}
/*************************FOOTER**************************/
.no-widgets .site-footer {
    margin-top: 0!important;
}
.site-footer{
	background-color: #674796!important;
	margin-left: 0!important;
	margin-right: 0!important;
	max-width: 100%!important;
	padding-bottom: 60px!important;
}
.site-footer > .site-info h5, .site-footer > .site-info p, .site-footer > .site-info a{
	color: white!important;
}
.site-footer > .site-info h5, .footerFont{
	font-family: 'staatlichesregular'!important;
    font-weight: normal;
    font-style: normal;
	font-size: 25px!important;
}
.footerLetterFont{
    font-weight: bold!important;
    font-style: normal;
	color: white!important;
}
.site-footer > .site-info{
    border-top: none!important;	
	display: block!important;
	line-height: 1.3!important;
}
.footerCol{
	width: 100%;
	padding: 15px 40px;
}
.footerCol p{
	max-width: 410px;
}
.footerCol:nth-of-type(2) p{
	max-width: 360px;
}
/********************CONTACT FORMS******************/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea {
    border: none!important;
    border-radius: 6px!important;
    color: white!important;
	background-color:#d9d1e5;
    line-height: 1.1!important;
    margin: 0!important;
    max-width: 100%;
}
form p{
	line-height: 0.5!important;
}
::placeholder {
    color: white;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus {
    outline: none!important;
}
.site .button, button, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button {
    border: none!important;
    border-radius: 6px!important;
    line-height: 1.1!important;
    padding: 7px 16px!important;
	margin-top: 10px!important;
	font-family: 'staatlichesregular'!important;
    font-weight: normal;
    font-style: normal;
	font-size: 25px!important;
    color: #674796!important;
}
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type="submit"]:not(:hover):not(:active):not(.has-background), input[type="reset"]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color:#d9d1e5!important;
}
.site .button:hover, .site .button:active, button:hover, button:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active {
    background-color:white!important;
	border: none!important;
}
.entry-content ::placeholder {
    color: #674796;
}
.site .entry-content .button:not(:hover):not(:active):not(.has-background), .entry-content button:not(:hover):not(:active):not(.has-background), .entry-content input[type="submit"]:not(:hover):not(:active):not(.has-background), .entry-content input[type="reset"]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color:white!important;
}
.site .entry-content .button:hover, .site .entry-content .button:active, .entry-content button:hover, .entry-content button:active, .entry-content input[type="submit"]:hover, .entry-content input[type="submit"]:active, .entry-content input[type="reset"]:hover, .entry-content input[type="reset"]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active {
    color:white!important;
	background-color: #674796!important;

}
.entry-content input[type="text"], .entry-content input[type="email"], .entry-content input[type="url"], .entry-content input[type="password"], .entry-content input[type="search"], .entry-content input[type="number"], .entry-content input[type="tel"], .entry-content input[type="date"], .entry-content input[type="month"], .entry-content input[type="week"], .entry-content input[type="time"], .entry-content input[type="datetime"], .entry-content input[type="datetime-local"], .entry-content input[type="color"], .site .entry-content textarea {
    color: #674796!important;
	background-color:white;
    line-height: 1.1!important;
    margin: 0 auto!important;
}
.site .mega-toggle-animated-slider, .site .mega-toggle-animated-slider:not(:hover):not(:active):not(.has-background) {
	background-color: white!important;
}
#wpcf7-f61-p7-o1{
	padding-left: 40px!important;
	padding-right: 40px!important;
}
.page-id-7 .entry-content{
	background-color: #d9d1e5!important;
}
.entry-content form{
	max-width: 660px!important;
	margin: 0 auto!important;
}
p.has-text-color a {
    color: #674796!important;
}
/************************MEDIA QUERIES*******************/
@media only screen and (max-width: 481px) {
    .primary-navigation > .primary-menu-container {
		color: white!important;
		background-color: #674796!important;
		text-align: center!important;
    }
	.primary-navigation-open .menu-button-container {
    	background-color: #674796!important;
	}
}
@media only screen and (max-width: 783px) {
	body{
		font-size: 18px!important;
	}
	h2.has-background{
		padding: 0.6em 0.6em!important;
	}
	#masthead{
		height: 78px;
	  	transition: 0.2s;
  		-webkit-transition: 0.2s;
	}
	.mega-menu-item-28{
		display: none!important;
	}
}
@media only screen and (max-width: 1280px) {
	.site-branding{
		max-width: 70%!important;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		width: 45px;
		height: 6px!important;
		border-radius: 0!important;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.site .mega-toggle-animated-slider, .site .mega-toggle-animated-slider:not(:hover):not(:active):not(.has-background) {
		background-color: transparent!important;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
		width: 45px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after  {
		background-color: white;
	}
	#mega-menu-wrap-primary .mega-menu-toggle {
		z-index: 9999999!important;
	}
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        padding: 160px 0px 0px 0px;
        z-index: 2!important;
		height: 100vh;
		top: 0!important;
		left: 0!important;
		right: 0!important;
		width: 100%!important;
		position: fixed!important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-family: 'staatlichesregular'!important;
		font-size: 42px!important;
    }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin: 20px!important;
    }
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
		z-index: 999!important;
	}
	.mega-toggle-animated{
		margin-top: 0!important;
	}
}
@media only screen and (min-width: 482px) {
	.site-header {
        padding-bottom: 0!important;
    }
	.wp-block-contact-form-7-contact-form-selector .wpcf7-text{
		width: 660px!important;
	}
}
@media only screen and (min-width: 783px) {
    #logoDesktop, #site-logo {
        max-width: 460px;
		margin-left: 0;
    }
    .site-logo .custom-logo {
        max-width: 100%!important;
    }
	#masthead{
		height: auto;
	  	transition: 0.2s;
  		-webkit-transition: 0.2s;
	}
    .site-header{
	    max-width: 100%!important;
	    padding-left: 35px!important;
	    padding-right: 35px!important;
    }
	.content-area{
		margin-top: 110px;
	}
	.halfBlock .wp-block-media-text__content{
		padding: 40px 120px 120px 59px!important;
	}
	.textColListRight{
		list-style-type: none!important;
		padding-left: 0!important;
	}
	.textCol h3{
		margin-top: 40px!important;
		padding-left: 20px!important;
	}
	.textCol p{
		padding-left: 20px!important;
		padding-right: 97px!important;
		font-size: 18px!important;
	}
	.textColLeft h3{
		margin-top: 40px!important;
		padding-left: 59px!important;
	}
	.textColLeft p{
		padding-left: 59px!important;
		padding-right: 59px!important;
		font-size: 18px!important;
	}
	.textColList{
		list-style-type: none!important;
		padding-left: 59px!important;	
		font-size: 18px!important;
	}
	.textColListRight{
		list-style-type: none!important;
		padding-left: 35px!important;
		font-size: 18px!important;
	}
	.wp-block-column.textCol, .wp-block-column.textColLeft{
		padding-bottom: 0!important;
	}
}
@media only screen and (min-width: 1280px) {
	.primary-navigation a:link, .primary-navigation a:visited, .primary-navigation a:focus, .primary-navigation a:active {
		color: #7f7f7f!important;
	}
	.primary-navigation a:hover, .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
		color: #674796!important;
	}
	.menu-wrapper li#menu-item-28 a, #mega-menu-item-28 a{
		color: #674796!important;
	}
	.contactStyleTop{
		padding: 60px 120px 0 90px!important;
	}
	.contactStyle{
		padding: 0 120px 0 90px!important;
	}
	.contactStyleBottom{
		padding: 0 120px 60px 90px!important;
	}
	.readmore a{
		margin-bottom: 250px!important;
	}
    .footerCol{
	    width: 33%;
	    float: left;
	    padding: 15px 90px;
    }
	.hiddenMobile{
		display: none!important;
	}
	.hiddenDesktop{
		display: flex!important;
	}
}
@media only screen and (min-width: 1600px) {
	.halfBlock .wp-block-media-text__content{
		padding: 80px 158px 120px 90px!important;
	}
	.textCol h3{
		font-size: 42px!important;
		margin-top: 80px!important;
		padding-left: 48px!important;
	}
	.textCol p{
		padding-left: 48px!important;
		padding-right: 158px!important;
	}
	.textColLeft h3{
		margin-top: 80px!important;
		padding-left: 90px!important;
		font-size: 42px!important;
	}
	.textColLeft p{
		padding-left: 90px!important;
		padding-right: 120px!important;
	}
	.textColList{
		padding-left: 90px!important;
	}
}