/*

Theme Name: Longbridge Tyres 2023

Theme URI: https://www.longbridgetyres.co.uk/

Author: Sw-sbz

Author URI: https://www.sweans.com

Description: A WordPress theme frame work

Requires at least: WordPress 5.0.0

Version: 1.0.0

License: GNU General Public License v3

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: longbridge

Tags: blog, news, photography, two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, rtl-language-support, threaded-comments



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Typography

# Elements

# Forms

# Alignments

# Sidebars

# Widgets

# Preloader

# Header

# Navigation

	## Links

	## Menus

# Accessibility

# Content

    ## Posts and pages

	## Asides

	## Comments

# Media

	## Captions

	## Galleries

# Post Format

# Pagination

# Footer

# Social Share

# Load more

# Responsive

--------------------------------------------------------------*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

*,

*:before,

*:after {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

.clear {

	clear: both;

}

html,

body {

	font-size: 100%;

	height: 100%;

}

body {

	margin: 0;

	background-color: #e5e5e5;

	transition: all 0.5s ease;

	/*transition: all 0.5s ease-in-out;*/

}

body,

th,

td,

input,

textarea {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

input.text {

	background: #ffffff;

	border: none;

	padding: 1px;

}

input.button {

	background: #000000;

	border: 1px solid #000000;

	color: #ffffff;

}

h1,

h2,

h3 {

	color: #000000;

}

h1 {

	font-size: 25px;

}

h2 {

	font-size: 22px;

}

h3 {

	font-size: 16px;

}

h4 {

	font-size: 14px;

}

h5 {

	font-size: 12px;

}

h6 {

	font-size: 10px;

}

p,

ul,

ol {

	font-size: 13px;

	line-height: 20px;

}

blockquote {

	margin-left: 36px;

	margin-right: 36px;

}

a {

	color: #000000;

	text-decoration: none;

}

a:hover {

	border: none;

}

h1 a,

h2 a,

h3 a {

	border: none;

	color: #333333;

	text-decoration: none;

}

h1 a:hover,

h2 a:hover,

h3 a:hover {

	background: none;

	color: #371015;

}

hr {

	display: none;

}

#header {

	background-color: #9f9f9f;

	height: 38px;

	margin: 0 auto;

	width: 100%;

	position: relative;

	z-index: 9999;

}

#search {

	float: right;

	width: 270px;

	padding-top: 10px;

}

#search fieldset {

	border: none;

}

#search #s {

	padding: 3px;

	width: 140px;

	vertical-align: top;

}

#search #x {

	width: 60px;

	vertical-align: top;

}

#logo-wrapper {

	/* height:160px; */

	margin: 0 auto;

	/* width: fit-content; */

	background-color: #a8a8a8;

	background-repeat: no-repeat;

}

#page {

	background: #ffffff;

	margin: 0 auto;

	padding: 0px 0px 0 0px;

	width: 100%;

}

.contentmain {

	width: 100%;

	float: left;

}

#content {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.post .title {

	/* font-weight: normal; */

	margin: 0;

}

/* h1.title {

	color: #333333;

	font-size: 26px;

	font-weight: normal;

}

h2.title {

	color: #371015;

	font-size: 16px;

} */

.desctitle {

	font-size: 10px;

}



.entry p {

	padding-bottom: 0px;

}

.entry ul,

ol {

	padding-left: 0px;

}

.post .meta {

	border-bottom: 1px dotted #cccccc;

	color: #333333;

	font-size: 14px;

}

.navigation {

	padding-top: 10px;

	padding-bottom: 10px;

}

.navigation a {

	font-size: 14px;

	font-weight: bold;

}

.post .meta a {

	color: #333333;

}

.post .links {

	margin: 0;

}

.post .tags {

	font-size: 9px;

	font-weight: bold;

	margin: 0;

	text-transform: uppercase;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

}

.post .links a,

.post .tags a {

	border: none;

}

.leftsidebar {

	width: 245px;

	float: left;

}

.rightsidebar {

	width: 245px;

	float: right;

}

#sidebar ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#sidebar li {

	background-color: #c6c6c6;

	padding: 5px;

}

#sidebar li li {

	margin: 0;

}

#sidebar li h2 {

	margin: 0;

}

#sidebar li h2 {

	height: 30px;

	font-size: 14px;

	font-weight: bold;

	color: #ffffff;

	line-height: 30px;

	background-color: #333333;

	text-align: center;

}

#sidebar li ul {

	line-height: normal;

	padding-left: 5px;

	padding-right: 5px;

}

#sidebar li li {

	background-image: url(images/list.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 15px;

	padding-top: 5px;

	padding-bottom: 5px;

}

#sidebar li li li {

	background-image: url(images/list.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding: 0px;

}

#calendar {

	margin: 0 auto;

}

#calendar caption {

	font-weight: bold;

}

#calendar table {

	border-collapse: collapse;

	text-align: center;

	width: 220px;

}

#calendar thead th {

	background: #cccccc;

	color: #ffffff;

}

#calendar tbody td {

	background: #eeeeee;

}

#calendar #today {

	background: #b8d03b;

	color: #ffffff;

	font-weight: bold;

}

#calendar a {

	font-weight: bold;

}

#calendar #prev {

	text-align: left;

}

#calendar #next {

	text-align: right;

}

#footer {

	background-color: transparent;

	color: #000000;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

}

#footer a {

	color: #000000;

}

.footer-copy {

	padding-top: 10px;

	padding-left: 10px;

	font-size: 12px;

}

.comlabel {

	color: #666666;

	font-size: 13px;

	font-weight: lighter;

}

.comtext {

	background-color: #371015;

	border: 5px solid #ffffff;

	color: #ffffff;

	padding: 5px;

}

.postlabel {

	color: #666666;

	font-size: 13px;

	font-weight: lighter;

}

.posttext {

	background-color: #371015;

	border: 5px solid #ffffff;

	color: #ffffff;

	padding: 5px;

}

.commentlist {

	list-style: none;

}

.authorcomment {

	background-color: #efefef;

	margin: 10px 0px 0px 0px;

	padding: 3px;

}

.odd {

	color: #333333;

	background-color: #eaeaea;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

}

.odd a:link {

	color: #000000;

}

.commenttext {

	color: #000000;

	color: #000000;

	font-size: 10px;

	margin: 0px 0px 10px 0px;

	padding: 5px 10px 5px 10px;

	background-color: #eaeaea;

}

#author,

#email,

#url {

	background: #fbfbfb;

	border: 1px solid #cbcbcb;

	padding: 3px;

	width: 40%;

	margin-bottom: 5px;

}

#comment {

	background: #fbfbfb;

	border: 1px solid #cbcbcb;

	margin-bottom: 0.6em;

	padding: 3px;

	width: 95%;

}

#submit {

	background-color: #efefef;

	border-bottom: 2px solid #cccccc;

	border-left: 1px solid #e4e4e4;

	border-right: 2px solid #cccccc;

	border-top: 1px solid #e4e4e4;

	padding: 3px;

}

blockquote {

	padding-left: 52px;

	background-image: url(images/qt.png);

	background-repeat: no-repeat;

	background-position: left top;

	margin-top: 15px;

	margin-right: 30px;

	margin-bottom: 0;

	margin-left: 10px;

	padding-top: 5px;

}

blockquote cite {

	display: block;

	margin: 5px 0 0;

}

.center {

	text-align: center;

}

.aligncenter {

	margin-right: auto;

	margin-left: auto;

}

img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

hr {

	display: none;

}

a img {

	border: none;

}

pre {

	background: #f3f2ed;

	border: solid 1px #9a9a9a;

	color: blue;

	margin: 10px;

	padding: 10px;

}

code {

	color: #000;

	font-size: 1em;

}

p img {

	padding: 0;

	max-width: 100%;

}

img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

.post-password-form input[type="password"] {

	border: 1px solid #f90;

	height: 30px;

	padding: 0 5px;

}

.post-password-form input[type="submit"] {

	background: #f90;

	border: none;

	height: 30px;

	cursor: pointer;

	color: #fff;

	transition: all 0.5s ease;

}

.post-password-form input[type="submit"]:hover {

	background: #e1921b;

	transition: all 0.5s ease;

}

.post-comment-block .comments-area {

	float: left;

	width: 100%;

}

.post-comment-block .comments-area ul {

	float: left;

	width: 100%;

	padding-left: 15px;

}

.post-comment-block .comments-area ul li {

	float: left;

	width: 100%;

	padding-left: 15px;

}

.post-comment-block .comments-area ul li.media {

	padding-bottom: 30px;

}

.post-comment-block .comments-area ul li .media-left-avatar {

	float: left;

	width: auto;

	border-radius: 50%;

}

.post-comment-block .comments-area ul li .media-left-avatar img {

	float: left;

	width: 50px;

	border-radius: 50%;

	height: 50px;

}

.post-comment-block .comments-area ul li .media-body {

	float: left;

	width: auto;

	padding-left: 30px;

}

.post-comment-block .comments-area ul li.media .children {

	padding-top: 30px;

}

#access {

	display: block;

	float: left;

	margin: 0 auto;

	width: 100%;

}

#access2 {

	display: block;

	float: right;

	margin: 0 auto;

	width: 100%;

}

#access .menu-header,

#access2 .menu-header,

div.menu {

	font-size: 13px;

	margin-left: 15px;

}

#access .menu-header ul,

#access2 .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}

#access .menu-header li,

#access2 .menu-header li,

div.menu li {

	float: left;

	position: relative;

}

#access a {

	color: #029a8d;

	display: block;

	font-family: "Rosario", sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 38px;

	padding: 0 10px;

	text-decoration: none;

	text-transform: uppercase;

}

#access2 a {

	color: #ffffff;

	display: block;

	font-family: "Rosario", sans-serif;

	font-size: 14px;

	padding: 0 10px;

	text-decoration: none;

}

#access ul ul,

#access2 ul ul {

	display: none;

	position: absolute;

	top: 38px;

	left: 0;

	float: left;

	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

	width: 180px;

	z-index: 99999;

}

#access ul ul li,

#access2 ul ul li {

	min-width: 180px;

}

#access ul ul ul,

#access2 ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a,

#access2 ul ul a {

	background: #333;

	height: auto;

	line-height: 1em;

	padding: 10px;

	width: 160px;

}

#access li:hover > a,

#access ul ul :hover > a,

#access2 li:hover > a,

#access2 ul ul :hover > a {

	color: #b40101;

}

#access ul li:hover > ul,

#access2 ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a,

#access2 ul li.current_page_item > a,

#access2 ul li.current-menu-ancestor > a,

#access2 ul li.current-menu-item > a,

#access2 ul li.current-menu-parent > a {

	color: #b40101;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover,

* html #access2 ul li.current_page_item a,

* html #access2 ul li.current-menu-ancestor a,

* html #access2 ul li.current-menu-item a,

* html #access2 ul li.current-menu-parent a,

* html #access2 ul li a:hover {

	color: #b40101;

}







/* =Menu end

-------------------------------------------------------------- */

.contentmain_404 {

	margin-top: 20px;

	margin-bottom: 20px;

	text-align: center;

}

.center1 {

	text-align: center;

}

.swlogo {

	bottom: 15px;

	float: right;

	position: absolute;

	right: 10px;

	z-index: 999999999;

}

/* .site_logo{

	float: left;

	width: auto;

}

.site_logo img {

    float: left;

    max-width: 200px;

    height: 100px;

    object-fit: cover;

} */

.bottom-to-top-arrow {

	bottom: 10%;

	display: none;

	height: 60px;

	position: fixed;

	right: 30px;

	transition: all 0.3s linear 0s;

	width: 60px;

	z-index: 9999;

	border-radius: 50%;

	outline: none;

	border: none;

	background-image: url("images/up-arrow-orange.png");

	background-repeat: no-repeat;

	background-position: center;

	text-align: center;

	line-height: 56px;

	color: #fff;

}

.bottom-to-top-arrow:hover {

	opacity: 0.8;

	transition: all 0.3s linear 0s;

}



@media only screen and (max-width: 1530px) {

}



html[lang="ar"] * {

	font-family: "GE SS Two Light";

}

html[lang="ar"] .fa {

	font: normal normal normal 14px/1 FontAwesome;

}