#page {
padding: 60px 0px;
}

#page .container {
width: 84%;
}

#content {
display: table;
float: left;
width: 73%;
margin-left: 4%; 
position: relative;
}

#content p {
font-family: 'Lato';
}

.page-template-full-width #content,
.serach #content {
margin-left: 0px;
}

#large-image .branding-logo {
right: 7%; bottom: 30px; height: 300px;
position: absolute;
}

#large-image .branding-logo svg,
#large-image .branding-logo img {
height: 300px;
width: auto;
}

.curve {
position: absolute; bottom: 0px;width: 100%;
height: 100%; overflow: hidden;
}

#large-image .curve svg {
width: 100%;
    position: absolute;
    bottom: -1px;
	
}


.page-title {
position: absolute;
bottom: 50px; left: 8%;
width: 84%; text-align: center; z-index: 9;
}

.page-title h1 {
font-size: 3.5em; color: #FFF; line-height: 1; margin-bottom: 20px;
}

p, td, .entry-summary, #content li {
font-size: 1.1em; font-weight: 400;font-family: 'Lato';
}

#content td {
font-size: 16px;line-height: 1.6;
}


table td {
padding: 15px 15px !important;
}

blockquote {
float: right;
width: 40%;
font-size: 1.5em; line-height: 1.5; font-style: italic; font-weight: 800; margin-left: 50px;
}

/*--------- Breadcrumbs ---------*/

#breadcrumbs{
width: 80%;
list-style:none;
margin: 0px auto; padding: 0px;
text-align: center;
display: table;
}

#breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right: 10px;
color:#FFF; font-size: 0.75em; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
}

.item-home {
background: url(https://www.srscmat.co.uk/wp-content/themes/madebycoda/images/icons/home.svg) no-repeat;
background-size: 14px auto;
width: 14px; position: relative; top: 4px; overflow: hidden;
height: 23px;
}

#breadcrumbs .item-home a:link,
#breadcrumbs .item-home a:visited {
color: rgba(255,255, 255, 0);
} 

#breadcrumbs .separator{
font-size: 12px; font-weight:100; color:#FFF;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
color: #FFF; text-decoration: none; border-bottom: none;
}

/*--------- Sidebar ---------*/

#sidebar1 {
float: left;
width: 23%;
margin-bottom: 50px;
display: table; 
position: relative; text-align: center;
border-radius: 30px;
}

#sidebar1 aside {
margin-bottom: 5px;
padding: 0px 0px;
}

#sidebar1 h3 {
background: rgba(255, 255, 255, 0.08);
font-size: 17px;
margin: 0px;
width: 100%;
padding: 30px 0% 25px 0%;
font-weight: 700;
color: #FFF;
}

#sidebar1 ul {
list-style: none;
margin: 0px; padding: 0px;
}

#sidebar1 ul li {
width: 100%; margin: 0px 0px 0px 0%;
}

#sidebar1 ul li ul li {
width: 100%;
margin: 0px 0%;
}

#sidebar1 ul li:last-child {
border-bottom: 0px;
}

#sidebar1 a:link,
#sidebar1 a:visited {
width: 100%; padding: 24px 15%; text-align: left;
color: #FFF; font-weight: 600;
text-decoration: none;
font-size: 16px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px;
display: block;
}

#sidebar1 a:hover {
background: rgba(255, 255, 255, 0.08);
}

#sidebar1 .grandchild-sidebar-menu a:link,
#sidebar1 .grandchild-sidebar-menu a:visited{
width: 100%;
}

#sidebar1 .children a:link,
#sidebar1 .children a:visited {
background: none !important;
font-size: 16px;
text-transform: none; letter-spacing: 0;
}

#sidebar1 .dropdown-toggle,
#sidebar1 .dropdown-toggle.toggled-on {
display: inherit;
}

}



#sidebar1 button#menu-toggle:after {
content: "\f419";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Genericons";
font-size: 22px;
font-weight: 400;
speak: none;
vertical-align: middle;
width: 20px;
top: 0px;
height: 20px;
margin-left: 8px;
margin-top: -6px;
}

#sidebar1 button#menu-toggle.toggled-on:after {
content: "\f406";
}

#sidebar1 .dropdown-toggle.toggled-on:after {
content: "\f432";
}

#sidebar1 .main-navigation ul {
list-style: none;
margin: 0;
}

#sidebar1 .main-navigation li {
position: relative;
}

#sidebar1 .main-navigation a {
display: block;
outline-offset: -1px;
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 25px 0px 25px 30px;
}

#sidebar1 .main-navigation ul ul  {
background: rgba(255, 255, 255, 0.1);
}

#sidebar1 .main-navigation ul ul a {
padding: 17px 0px 17px 50px;
}

#sidebar1 .main-navigation ul ul ul {
background: rgba(255, 255, 255, 0.2);
}

#sidebar1 .main-navigation ul ul ul a {
padding: 17px 0px 17px 70px;
}

#sidebar1 .main-navigation a:link,
#sidebar1 .main-navigation a:visited{
color: #FFF; text-decoration: none; font-weight: 800; font-size: 14px;
}

#sidebar1 .main-navigation .current-menu-item > a,
#sidebar1 .main-navigation .current-menu-ancestor > a {
font-weight: 700;
}

#sidebar1 .main-navigation ul ul {
display: none;
margin-left: 0px;
}

#sidebar1 .no-js #header-menu #navigation ul ul {
display: block;
}

#sidebar1 .main-navigation ul .toggled-on {
display: block;
padding: 0px;

}

#sidebar1 .main-navigation .primary-menu {
margin: 0px; padding: 0px;
}

#sidebar1 .main-navigation .page_item_has_children > a {
width: calc(100% - 110px);
}

#sidebar1 .dropdown-toggle {
background-color: rgba(255, 255, 255, 0);
border: 0;
border-radius: 0;
color: #FFF;
content: "";
height: 68px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 90px;
}

#sidebar1 .dropdown-toggle:after {
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 90px;
}

#sidebar1 .dropdown-toggle:hover,
#sidebar1 .dropdown-toggle:focus {
background-color: rgba(255, 255, 255, 0.2);
}

#sidebar1 .dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}

#sidebar1 .dropdown-toggle:focus:after {
border-color: transparent;
}

@media (max-width: 1300px) {

#sidebar1 .dropdown-toggle,
#sidebar1 .dropdown-toggle:after {
width: 70px;
}

}


/*---------------------------------
Misc
---------------------------------*/

#page {
position: relative;
}

#page .curve {
    height: auto;
    width: 45%;
    position: absolute;
    z-index:8;
    top: 0px;
    left: 0px;
	z-index: 0;
}

#page .curve svg {
position: absolute;
width: 100%; height: auto; top: 0px; left: 0px;
}

/*--------- PDF Icons ---------*/

#content a:link, #content a:visited {
color: #2a2a2a;
}

#content a[href$=".pdf"],
#content a[href$=".doc"],
#content a[href$=".docx"],
#content a[href$=".ppt"],
#content a[href$=".pptx"]    {
padding: 2px 0px 0px 60px !important;
background: url(https://www.srscmat.co.uk/wp-content/themes/madebycoda/images/icons/pdf.svg) no-repeat;
height: 50px;
background-size: 40px auto;
border-bottom: none !important;
display: table;
margin-bottom: 0px !important;
font-weight: 800;
}

#content a[href$=".doc"],
#content a[href$=".docx"] {
background: url(https://www.srscmat.co.uk/wp-content/themes/madebycoda/images/icons/doc.svg) no-repeat;
background-size: 40px auto;
}

#content a[href$=".ppt"],
#content a[href$=".pptx"] {
background: url(https://www.srscmat.co.uk/wp-content/themes/madebycoda/images/icons/ppt.svg) no-repeat;
background-size: 40px auto;
}

#content .vc_figure a[href$=".pdf"],
#content .vc_figure a[href$=".doc"],
#content .vc_figure a[href$=".docx"],
#content td a[href$=".pdf"],
#content td a[href$=".doc"],
#content td a[href$=".docx"] {
background: none;
padding: 0px !important; 
height: auto;
margin-bottom: 0px !important;
}

.entry-content a:link,
.entry-content a:visited {
color: #333;
text-decoration: none;
}

#content h2 {
display: table; padding-bottom: 10px; margin-bottom: 30px;
border-bottom: 3px solid #EAEAEA;
}

#content h2 {
margin-top: 0px;
}

#content .vc_tta-panel-title a:link,
#content .vc_tta-panel-title a:visited {
color: #FFF !important; font-size: 18px;padding: 20px 20px 20px 50px;
}

#content .vc_tta-panel-heading {
background: linear-gradient(120.04deg, #333333 0%, #454545 100%) !important; border-radius: 30px;
}

#content .vc_tta-panel-body {
border-radius: 20px; padding: 25px 30px;
}


/*--------- Table ---------*/

td {
padding: 15px;
border:1px solid #F1F1F1;
}

td p {
margin: 0px !important;
}


/*--------- Images ---------*/

figure {
margin: 0px;
}

figure.alignright,
img.alignright {
float: right;
margin: 13px 0px 20px 40px;
max-width: 40% !important; height: auto;
}

figure.alignleft {
float: left;
margin: 8px 3% 10px 0px;
}

.entry-content figure a:link,
.entry-content figure a:visited {
border-bottom: 0px;
}

figure.alignleft .wp-caption-text {
color: #333;
line-height: 24px;
text-align: left;
}

figure.alignright img {
width: 100%; height: auto;
}

.wp-caption-text,
.wp-caption-text a:link,
.wp-caption-text a:visited {
color: #FFF;
font-size: 15px;
text-align: right;
margin: 5px 0px 0px 0px;
}

img.alignleft,
img.alignnone {
float: left;
margin: 10px 20px 20px 0px;
max-width: 40%; height: auto;
}

.wpb_single_image .vc_figure-caption {
font-size: 16px !important;
margin: 20px 0px 30px !important;
color: #757575;
}

/*--------- Edit Link ---------*/

.edit-link {
margin-top: 20px;
}

.edit-link a:link,
.edit-link a:visited {
background: rgba(255,255,255,.9);
padding: 5px 10px;
border-radius: 10px;
color: #333;
text-decoration: none;
margin-right: 10px;
}