/*
Theme Name: Toast
Description: Lightweight, tasty and totally awesome.
Author: The Toast Development Team
Date: March 2021
Version: 7.0.3
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: toast
*/

.tablepress thead th { background-color: #ef0a77!important; font-weight: 700; vertical-align: middle; }
.tablepress .even td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.tablepress thead tr th {
    border-right: 2px solid #fff;
}

.tablepress tbody tr td {
    border-right: 2px solid #eee;
}


/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.5rem;line-height: 1.6;font-family: 'Lato', sans-serif;font-weight: 300;color: #101518;margin: 0;padding: 0; }
#page{overflow:hidden;clear:both;}

/* Anchors */
a.anchor { display: block; position: relative; top: -50px; visibility: hidden; height: 0px; }
#aboutheader {background-position: 0px -75px;}


/* Header */
.site-header{padding:2rem 0 0rem 0;}
.site-header .table {margin-bottom: 2rem;}
.site-header .left-side{width:25%}
.site-header .middle{text-align: center;}
.site-header .right-side{text-align:right; width:25%}

.site-header .left-side p:before {
    content: url(/wp-content/themes/toast/assets/images/clock-regular.svg);
    padding-right: 0.5rem;
    float: left;
    width: 3rem;
    height: 3rem;
	margin-top: 3%;
}

.site-header .right-side p:before {
    content: url(/wp-content/themes/toast/assets/images/map-marker-alt-solid.svg);
    padding-left: 0.5rem;
    float: right;
    width: 2.5rem;
    height: 3rem;
	margin-top: 3%;
}

.site-header .left-side p span {
    color: #ef0a77;
    font-weight: 400;
	line-height: 3em;
}

.site-header .left-side p, .site-header .right-side p {
	color:#666666}

/* Navbar & Menus */
.top-nav 			{font-size: 1.5rem; text-align: center;}
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem;}
.top-nav li 		{ display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav li a  		{ display: inline-block; padding: 1rem;line-height: 1;color:#101518;text-transform: uppercase;}
.top-nav li.current-menu-item a {background: #101518;color:#fff;}
.top-nav li:hover > a { color: #fff; background:#F00A77;}
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns*/
.top-nav ul ul{position: absolute;padding: 0;bottom:0;left: 0; width: 200px;background: #666;text-align: left;z-index:5;opacity:0;pointer-events:none;transition:all .5s;transform:translatey(100%);}
.top-nav ul ul ul 			{position: absolute;top:0;right:0;transform:translatex(100%);width: 200px; background: #999; text-align: left; z-index:10; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ padding: 1rem; display: block; margin: 0;}
.top-nav ul li:hover > ul 	{opacity: 1;pointer-events:all;}

/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 300; line-height: 1.2;margin:0;}
h1 { font-size: 5rem; padding-bottom: 2rem; text-transform:uppercase;}
h2 { font-size: 4rem; padding-bottom: 1.7rem;  }
h3 { font-size: 3.5rem; padding-bottom: 1.5rem; color:#F00A77;text-transform:uppercase;}
h4 { font-size: 3rem; padding-bottom: 1.25rem; text-transform:uppercase; }
h5 { font-size: 2.5rem; padding-bottom: 1rem;   }
h6 { font-size: 2rem; padding-bottom: .5rem;   }

ul{margin:0;}
p, li{padding-bottom:1.5rem;margin:0;}

/*Footer*/
.site-footer, .site-footer a{color:#ffffff;}
.footer-main{padding:5rem 0 2rem 0; background:#101518; overflow: hidden; clear: both;}
.site-footer .logo{margin-bottom:2rem;display:inline-block;}
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block;}

.social-icons {
    margin-bottom: 1rem;
}

.social-icons a {
    width: 30px;
    height: 30px;
    background: #ef0a77;
    display: inline-block;
    position: relative;
    border-radius: 100px;
    margin-right: 0.5rem;
}

.social-icons a img {
    position: absolute;
    top: 60%;
    left: 60%;
    transform: translate(-70%, -75%);
	max-width: 40%;
}

.social-icons a:first-child img {left: 55% !important;}

.footer-main h5 {
    font-size: 90%;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.site-footer ul li {
    margin: 0;
    padding: 0;
    font-size: 80%;
    padding-bottom: 0.5rem;
}

.address, .site-footer p strong {
    font-size: 80%;
}

.site-footer .phone-number a {
    color: #ef0a77;
    padding: 1rem 0rem;
    display: block;
}

.site-footer .phone-number a:hover {
    color: #ffffff;
}

.site-footer a:hover {
    color: #ef0a77;
}

/* Sub footer */
.footer-sub-wrapper {padding: 0rem 0 5rem 0; background:#101518;color: #fff;font-size: 80%;}
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.footer-sub-wrapper .bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.footer-sub-wrapper .bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.footer-sub-wrapper .bottom-menu ul li a { display: inline-block; line-height: 2; border: none;text-decoration: none; padding: 0 1rem;}

/*Links*/
a{text-decoration:none;color:#F00A77;}
a:hover{color:#C3006B;}

/*Buttons*/
.button, body .gform_wrapper .gform_footer input[type=submit] {
    background: #F00A77;
    padding: 1rem 2rem;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 70%;
}

.gform_wrapper .gform_footer input[type=submit] {
	    border: none;
}

.button:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
	background: #C3006B;
	color: #ffffff;
}

.gform_confirmation_wrapper {
    border: 3px solid #ee177f;
    padding: 2rem;
    font-weight: 600;
}

.button.black {
    background: #101518;
}

.button.black:hover {
    background: #666666;
}


/**Back to top**/
.toast-back-to-top{
    position:fixed;
    bottom:2rem;
    right:2rem;
    background:#F00A77;
    width:50px;
    height:50px;
    border-radius:100px;
    background-image:url('/wp-content/themes/toast/assets/images/chevron-up-white.svg');
    background-size:20px;
    background-position:center;
    background-repeat:no-repeat;
    pointer-events:none;
    cursor: pointer;
    opacity:0;
    transform:translatey(-30px);
    transition:all 1s;
}

.toast-back-to-top.show{
    opacity:1;
    transform:translatey(0px);
    pointer-events:all;
}

/* Forms */
.gfield{list-style-type:none !important;}
.gform_wrapper input{font-size:inherit;}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="search"], .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box; width: 100%;}
.gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="search"]:focus, .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {outline: 0; }

.gform_wrapper input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, input[type="button"], button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.gform_wrapper textarea { min-height: 100px; padding-top: 6px; padding-bottom: 6px; }
.gform_wrapper label, .gform_wrapper legend { display: block; margin-bottom: .5rem; font-weight: 600; }
.gform_wrapper fieldset { padding: 0; border-width: 0; }
.gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { display: inline; }
.gform_wrapper label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield textarea, body .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {
    border: 1px solid #f00b77;
    border-radius: 0px;
}


/* Globals */
.grey-background {
    background: #eee;
}

.column-wrap {
    padding: 3rem;
}

p.pink-text {
    color: #ef0a77;
    font-weight: 400;
}

/*Nails Page*/.page-id-350 .four.columns {text-align: center;}

p.wp-caption-text {
    font-size: 80%;
    margin-top: 0.5rem;
}

/* laser table ID 13 */

#tablepress-13.tablepress.tablepress-id-13 td.column-3{background:white !important ;}

/*
#tablepress-13.tablepress.tablepress-id-13 td.column-5{background:#EF1677 ;}
#tablepress-13.tablepress.tablepress-id-13 td.column-7{background:#EF1677 ;}


#tablepress-13.tablepress.tablepress-id-13 td.column-2{text-decoration:line-through;text-decoration-color: #ef1677;text-decoration-thickness: 3px;}
#tablepress-13.tablepress.tablepress-id-13 td.column-4{text-decoration:line-through;text-decoration-color: #ef1677;text-decoration-thickness: 3px;}
#tablepress-13.tablepress.tablepress-id-13 td.column-6{text-decoration:line-through;text-decoration-color: #ef1677;text-decoration-thickness: 3px;}

*/

/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {}

/* Medium mobile */
@media (max-width: 375px) {}

/* Large mobile */
@media (max-width: 425px) { }

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (max-width: 550px) {}

/* Smaller than tablet */
@media (max-width: 768px) {
	.site-header{display:none;}
	.toast-mm-logo.right img {height: 40px !important;}
	h1, .profile-intro h1 {font-size: 4rem !important;}
	h3, .profile-intro h2 {font-size: 3.5rem !important;}
	.three.columns.service-box {margin: 2rem 0;}
	/*Wedding page*/.page-id-460 .four.columns, /*Nails Page*/.page-id-350 .four.columns, /*Beaty page*/.page-id-351 .four.columns, /*Laser page*/.page-id-806 .four.columns {text-align: center;}
	/*Nails Page*//*.page-id-350 .four.columns {
		margin: 3rem 0;
		padding: 2rem;
		box-shadow: 0 0 12px rgb(0 0 0 / 20%);
		border-radius: 4px;
		background-color: #fff;
	}
	.page-id-350 .block-columns {background-color: #f00a77; padding: 3rem 0;}*/
	.site-footer, .footer-main .align-right {text-align: center;}
}

/* Smaller than laptop */
@media (max-width: 1024px) {}

/* Smaller than large desktop */
@media (max-width: 1440px) {}

/* Larger than large desktop */
@media (min-width: 1440px) {}

.pum-theme-1271 .pum-title, .pum-theme-default-theme .pum-title {
    color: #f00b77!important;
    text-align: center!important;
}

.pum-theme-1271 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    background-color: rgb(240 11 119)!important;
}

.pum-theme-1271 .pum-content, .pum-theme-default-theme .pum-content {
    color: #101518!important;
}