/*
	Theme Name: Bond Movies
	Description: Based on the HTML5 Blank WordPress Theme
	Version: 1.0.8
	Tags: Blank, HTML5, CSS3
*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

	font:300 16px/1.4 Georgia, 'Times New Roman', Times, serif;
	color:#444; 
	background: #003366;
}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {
	clear: both;
    *zoom:1;

}
h1 {
	text-align: center;
}

img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;

}

a {

	color:blue;

	text-decoration:none;

}

a:hover {

	color:#444;

}

a:focus {

	outline:0;

}

a:hover, a:active {

	outline:0;

}


input:focus {
	outline:0;
	border:1px solid #04A4CC;

}
.highlight {
	overflow: hidden;
    border: 1px solid silver;
    padding: 20px;
    background: #f3f3f3;
    margin: 0 0 20px;
}
.highlight h2, .highlight h3, .highlight h4, .highlight h5 {
    margin-top: 0;
}
blockquote.wp-embedded-content {
    margin: 0;
}

.wp-caption-text {
    font-style: italic;
    font-size: 12px;
    margin: 0 0 20px;
    font-family: pt sans,sans-serif;
    line-height: 1;
}

.breadcrumb {
    font-size: 10px;
    font-family: verdana, sans-serif;
}

.iframe-wrapper iframe {
    max-width: 100%;
}
.dd_post_share {
    width: 100%;
    background: #f3f3f3;
    border: 1px solid silver;
}
.dd_buttons {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}
.comment-respond {
    background: #f3f3f3;
    border: 1px silver solid;
    padding: 20px;
}
textarea#comment {
    width: 100%;
}
input#author, input#email, input#url {
    max-width: 100%;
}

#wpadminbar {display: inline}

input {
    max-width: 100%;
}

li#menu-item-4161 {
    margin-top: 20px;
}
.comments ul {
    list-style-type: none;
    padding: 0;
}
.comments ul img {
	display: none;
}
.comment-meta.commentmetadata {
    font-size: small;
}
.content_submenu {
	clear: both;
	background: #f3f3f3;
    padding: 10px;
    border: 1px solid silver;
    overflow: hidden;
}
.content_submenu p {
    min-width: 200px;
	width: 50%;
    float: left;
    margin: 10px 0 0;
}
.content_submenu h2 {
	border: 0;
	margin: 0 0 10px;
	font-size: 1.17em;
}
.content_submenu blockquote, .content_submenu blockquote p {
    width: 100%;
    margin: 0;
}

.wide p {
    text-align: center;
    float: none;
	width: initial;
}

.wide a:after {
    content: " | ";
}

.wide a:nth-child(3)::after {
    content: "\a";
    white-space: pre;
}

.wide a:nth-child(6)::after {
    content: "";
}

.title h3 {
	border-bottom: 1px silver solid;
	margin: 30px 0 0;
}
.title p {
	margin-top: 0;
  font-size: 14px;
  font-style: italic;
  color: grey;
}
h2 {
	border-bottom: 1px solid silver;
}
hr {
	  box-sizing: content-box;
    height: 1px;
    background: silver;
    border: 0px;
}
.video-wrapper .iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px; //was 25px DL
	height: 0;
}
.video-wrapper .iframe-wrapper  iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
details {
    border: 1px silver solid;
    padding: 10px 20px;
}
summary:focus {
    outline: none;
}

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



/* wrapper */

.wrapper {	

	background: white;

}

/* header */

.header {
	background: navy;
	background: url('https://www.bondmovies.net/wp-content/themes/bondmovies/img/top.jpg?v=1.0');
}

/* logo */

.logo {

}

.logo-img {

}

/* mobile menu */

#toggle-nav {
  /* position: absolute; */
  /* right: 20px; */
  /* top: 30px; */
  /* display: block; */
  float: right;
  padding-right: 20px;
}

.icon-reorder {

  	font-family: FontAwesome;

  	font-style: normal;

  	font-size: 35px;

  	color: white;

}

.icon-reorder:before {

  	content: "\f0c9";

}



/* contact */

.contact {
    	background: white;
    	padding: 0;
    	margin-top: 0;
    	font-weight: none;
    	color: none;
}

.contact #cta {

	color: white;

	font-family: helvetica,arial,sans-serif;

	font-size: 20px;

	font-weight: bold;

}

.contact #number{

	color: red;

	font-family: helvetica,arial,sans-serif;

	font-size: 40px;

	font-weight: bold;

}
.menublock {
	margin: 0px; 
	padding: 0 10px 10px; 
	border: 1px solid gray; 
	background: silver;
}


/* nav */

#topnav {

	display: none;

}

.nav	{

	background: black;

}

.nav ul	{

	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

}

.nav li	{

	display: block;

}

.nav li a	{

	display: block;

	height: 30px;

	line-height: 30px;

	padding: 0 8px;

	font-size: 14px;

	font-weight: bold;

	font-family: helvetica, arial, sans-serif;

	color: #fff;

}

.nav .current-menu-item a, .nav .current_page_item a, .nav a:hover {

	color: yellow;

	background: black;

}

.nav li.menu-item-has-children a {

	background: black;

}







.nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
	z-index: 1000;
	left: 100px;
}

.nav ul ul li { /* this targets all submenu items */

	float: none; /* overwriting our float up above */

	width: 220px; /* set to the width you want your sub menus to be. This needs to match the value we set below */

}

.nav ul ul li a { /* target all sub menu item links */

	padding: 5px 10px; /* give our sub menu links a nice button feel */

}

.nav ul li:hover > ul {

	display: block; /* show sub menus when hovering over a parent */

}

.nav ul ul li ul {

	/* target all second, third, and deeper level sub menus */

	left: 170px; /* this needs to match the sub menu width set above -- width + padding + borders */

	top: 0; /* this ensures the sub menu starts in line with its parent item */

}
nav#topnav {
    position: relative;
}
ul.sub-menu {
	background: black;
	width: 220px;
}
.nav ul ul li {
    float: none;
    width: 100%;
}
.nav ul ul li ul {
    left: 200px;
    top: 0;
}


/* feature */

#feature {

}

.featurematch {

	clear: none;

	width: 200px;

	border: gray 1px solid;

	border-radius: 5px;

	float: none;

	margin: 0 5px;

	padding: 10px;

	font-size: 16px;

 	margin-left: auto;

  	margin-right: auto;

	margin-bottom: 20px;

	}

.featurematch div {

	float: none;

	width: 100%;

	padding-top: 0px;

}

.featurematch img {

	margin: 15px;

}

.featurematch .button {

	background: yellow;

	border: gray 1px solid;

	border-radius: 5px;

	padding: 3px 35px;

	font-weight: bold;	

}

.table .button {

	background: yellow;

	border: gray 1px solid;

	border-radius: 5px;

	padding: 3px 15px;

	font-weight: bold;

	font-size: 13px;

	margin-top: 15px;

}

.buttonholder {

  padding: 20px 0;

  margin-left: auto;

  margin-right: auto;

  width: 180px;

}

input.submitbutton {

	color: black;

  	background-color: #ff8800;

  	font-weight: bold;

  	border: 1px gray solid;

  	border-radius: 5px;

  	padding: 3px 20px;

}

.buttonholder b {

	padding-right: 10px;

}

/* main*/

main {

}



/* section */

section {

	padding: 0 20px 20px; 

}

.wp-caption {

	max-width:100%;

	text-align:center;

}

.wp-caption.alignnone {

	margin:0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.wp-caption img {
    max-width: 100%;
    height: auto;
}


/* sidebar */

.sidebar {
	//clear: both;
	background: white;
	!padding-left: 25px;
	max-width: 100%;
    font-family: sans-serif;
}
.sidebar-widget {
	clear: both;
	padding: 20px 0;
  	width: 250px;
  	margin-left: auto;
  	margin-right: auto;
}

.widget_nav_menu {
    padding: 0;
    margin: 0;
}
.widget_nav_menu h3 {
	margin: 0;
}
.widget_nav_menu ul {
	padding: 0;
	margin: 0 0 20px;
}
.widget_nav_menu li {
	list-style: none;
}


/* widgets */

.sidebar .widget_text {
	margin: 20px 0;
	}

.widget_recent_entries {

	//padding: 20px;

	margin-bottom: 40px;

	//border: 1px solid #e3e3e3

	}

div.rss-sidebar {

	clear: both;

}

div.rss-sidebar ul {

padding: 0;

}

div.rss-sidebar ul li {
float: left;
list-style-type: none;
padding-right: 20px;
margin: 0px;
}



div.rss-sidebar ul li.list-1,div.rss-sidebar ul li.list-3,div.rss-sidebar ul li.list-5,div.rss-sidebar ul li.list-7,div.rss-sidebar ul li.list-9{

clear: both;

}



#web {

	clear: both;

}

#web li {

clear: both;

padding: 10px;

}



#web li.list-3, #web li.list-5, {

clear: both;

}



#web li.list-5 {

padding-bottom: 50px;

}



table#spanish-league{font-family:sans-serif;background-color:#eee;font-size:small;width:500px}

table#spanish-league td:nth-child(n+3){text-align:center;width:40px;}



.table {clear: both; !padding: 10px; border-top: 1px solid silver;}

.tablerow {clear: both; border-bottom: 1px silver solid; padding: 10px 0 20px;}

.tablecell {float: left; text-align: center;}

.tablecell-left {float: left; !font-size: smaller; text-align: left;}

.date {width: 130px;}

.match {width: 285px;}

.match a {color: black;}



/* footer */

.footer {
    clear: both;
    background: #101010;
    padding: 10px 10px 50px 10px;
    color: gray;
}

.footer a{

	color: gray;

}

.footer-text {
    font-size: 12px;
}

#af-form-574453261 {
	max-width: 100%;
}



/*------------------------------------*\

    PAGES

\*------------------------------------*/







/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/



@font-face {



}



/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



@media only screen and (min-width:320px) {



}

@media only screen and (min-width:480px) {

	/* logo */

	.logo {

	padding: 20px 0 10px 20px;

	}

	.textwidget a {

  		font-weight: normal;

	}



	.featurematch {

		width: 100%;

		min-height: 180px;

		}

	.featurematch div {

		float: left;

		width: 180px;

		padding-top: 20px;

	}

	.featurematch img {

		margin: 10px;

		margin-left: auto; 

		margin-right: auto;

	}

	.featurematch .button {

		padding: 3px 30px;

		float: right;

	}

	.buttonholder {

  		margin: 0;

	}

}

@media only screen and (min-width:575px) {
	#toggle-nav {
  		position: absolute; 
  		right: 20px; 
  		top: 30px; 
  		display: block; 
  		float: none;
  		padding: 0;
	}
	.content_submenu p {
		text-align: center;
	}
	.wide a:nth-child(3)::after {
    	content: " | ";
    	white-space: initial;
	}	
	
	.sidebar {
    		width: 575px;
		margin-left: auto;
		margin-right: auto;
	}
	.sidebar-widget {
		width: 100%;
   		margin-left: 10px;
		}
	.sidebar .widget_text {
    		margin: 0;
    		max-width: 275px;
    		float: left;
	}
	.widget_nav_menu {
    		padding: 0;
    		margin: 0;
    		width: 275px;
    		float: left;
	}
	#text-6 {
    		!max-width: 100%;
    		!width: 575px;
    		!margin: 0;
		!background: #f3f3f3
		width: 320px;
		margin: 0;
	}
	#text-8 {
    		height: 260px;
	}
}
@media only screen and (min-width:768px) {

	/* wrapper */
	.wrapper {	
		max-width: 1920px; //full width design or not
		margin-left: auto;
		margin-right: auto;
		margin:0 auto;
		position:relative;
	}

	/* header */

	.header {
		background-position-y: top;
	}

	.logo-img {

	}

	/* mobile menu */

	#toggle-nav {
		display: none;	

	}

	.contact {
		position: absolute; 
		margin-top: 0px;
		width: 250px; 
		top: 8px; 
		right: 8px;
		border-radius: 5px;
	}

	/* nav */

	#topnav {
		display: block;
		width: fit-content;
    	background: darkslategray;
    	margin-top: 40px;
	}

	.nav	{
		background: none;
		height: 30px; /* set to the height you want your menu to be */
		margin: 0 0 10px; /* just to give some spacing */

	}

	.nav ul	{

		margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

	}

	.nav li	{

		display: block;

		float: left;

		line-height: 30px; /* this should be the same as your #main-nav height */

		height: 30px; /* this should be the same as your #main-nav height */

		margin: 0; padding: 0; /* only needed if you don't have a reset */

		position: relative; /* this is needed in order to position sub menus */

	}

	.nav li a	{

		display: block;

		height: 30px;

		line-height: 30px;

		padding: 0 8px;

		font-size: 14px;

		font-weight: bold;

		font-family: helvetica, arial, sans-serif;

		color: #fff;

	}

	.nav .current-menu-item a, .nav .current_page_item a, .nav a:hover {

		color: yellow;

		background: none;

	}

	.nav li.menu-item-has-children a {

		background: none;

	}







	.nav ul ul { /* this targets all sub menus */
		display: none; /* hide all sub menus from view */
		position: absolute;
		top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
		left: 0;
	}
	

	.nav ul ul li { /* this targets all submenu items */

		float: none; /* overwriting our float up above */

		width: 220px; /* set to the width you want your sub menus to be. This needs to match the value we set below 		*/

	}

	.nav ul ul li a { /* target all sub menu item links */

		padding: 5px 10px; /* give our sub menu links a nice button feel */

	}

	.nav ul li:hover > ul {

		display: block; /* show sub menus when hovering over a parent */

	}

	.nav ul ul li ul {

		/* target all second, third, and deeper level sub menus */

		left: 170px; /* this needs to match the sub menu width set above -- width + padding + borders */

		top: 0; /* this ensures the sub menu starts in line with its parent item */

		}



	/* feature */

	#feature {

		width: 100%;

		padding:0px;

		margin: 0px;

	}

	.featurematch {

		clear: none;

		width: 170px;

		border: gray 1px solid;

		border-radius: 5px;

		float: left;

		margin: 0 5px;

		padding: 10px;

		font-size: 13px;

	}

	.featurematch div {

		float: none;

		width: 100%;

		padding-top: 0px;

	}

	.featurematch img {

		margin: 10px;

		margin-left: auto; 

		margin-right: auto;

	}

	.featurematch .button {

		background: yellow;

		border: gray 1px solid;

		border-radius: 5px;

		padding: 3px 30px;

	}







	/* main*/

	main {

		max-width: 960px;

		margin-left: auto;

		margin-right: auto;



	}
	div.rss-sidebar ul {
		padding: 20px;
	}
	div.rss-sidebar ul li {
		width: 220px;
	}

	/* section */

	section {
		width: 593px;
		padding: 0 20px 20px;  

		max-width: 593px;

		margin-left: auto;

		margin-right: auto;

	}



	/* sidebar */

	.sidebar {

		!float: left;
		width: 100%;
		max-width: 640px;
		padding: 0px;

		border-style: none;
    		margin-left: auto;
    		margin-right: auto;

	}







	/* widgets */

	.textwidget {

		float: left;

	}
	.sidebar-widget {
		max-width: 100%;
		!width: 750px;
	}
	.sidebar .widget_text {
		float: left; 
		max-width: 250px;
		margin-bottom: 0px;
		}

	.sidebar .widget_recent_entries {

		float: left; 

		max-width: 250px;

		margin-bottom: 40px;

		margin-right: 20px;

	}

	.sidebar .widget_nav_menu {

		float: left;
		width: 100%;
		max-width: 250px;
		margin-right: 0px;

	}


}

@media only screen and (min-width:1024px) {
	body {
	}
	.contact {
		display: none;
	}

	/* section */

	section {

		padding: 0 20px 20px;  

		max-width: 593px;

		float: left;

	}

	.sidebar {
		float: left;
		width: 250px;
		padding: 0 20px;

	}

	.sidebar-widget {
  		!margin-left: 38px;
	}
	.sidebar .widget_text {
		margin-right: 20px;
		
		}

	.sidebar .widget_nav_menu {
		max-width: 100%;
		margin-right: 20px;

	}
	#text-8 {
    		height: auto;
	}


}

@media only screen and (min-width:1140px) {
	body {
		
	}


}

@media only screen and (min-width:1280px) {



}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}



.sticky {



}

.bypostauthor {



}

#commentform {

  	max-width: 100%;

}
input.search-input {
  	width: 165px;
}

/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}