@import "https://www.tubbyrobot.com/css/style-fonts.php";

body { background-color:#fff; margin:0px; padding:0px; }

#marquee { 
	background-color:#966145;
	background-image: url("https://www.tubbyrobot.com/images/marquee_bg_dither_top.png");
	background-repeat: repeat-x;
}

#marquee img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#marquee .logo { padding: 13px 0px 13px 0px; }

#icf_container { background-color:#4d4d4f;  padding-top:22px; padding-bottom:16px; border-bottom:9px solid #333e4c; background-image: url("https://www.tubbyrobot.com/images/marquee_triple_line.png"); background-repeat: repeat-x; background-position: center; }

#icf_container img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: #4d4d4f solid;
	border-width:0px 36px 0px 36px;
	background-color:#4d4d4f;
}

#nav {
	height:72px; 
	background-image: url("https://www.tubbyrobot.com/images/nav_bg_dither.png");
	background-repeat: repeat-x;
	background-color:#9aadc3;
}

#nav ul { width:900px;	margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto;	padding:0px; list-style-type: none; position:relative; z-index: 2; }



#nav li { height:12px; float:left; margin:20px 30px 0px 0px; font-size:22px; line-height:10px; font-family: 'factoria_bold', sans-serif; letter-spacing:0.1em; border: solid 12px #dae7f4; border-image: url("https://www.tubbyrobot.com/images/navbar_button_border_inactive.png") repeat; border-image-slice: 12 12 12 12 fill; }
#nav li a {  color:#2f2f31; text-decoration: none;  padding:0px 10px 0px 10px; }

#nav li.this_page { border-image: url("https://www.tubbyrobot.com/images/navbar_button_border_active.png") repeat; border-image-slice: 12 12 12 12 fill; border-color:#6481a2; }
#nav li.this_page a { color:#ffffff;  }
#nav li:last-child { margin-right:0px; }

#nav .clouds { position:absolute; margin-top:8px; right:0px; margin-right:10px; z-index: 1;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: infinite;
	animation-name: example;
	animation-duration: 1s; 
	animation-iteration-count: infinite;
}

@keyframes example {
	0% {
		margin-top:8px;
	}
	50% {
		margin-top:12px;
	}
	100% {
		margin-top:8px;
	}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
	0% {
		margin-top:8px;
	}
	50% {
		margin-top:12px;
	}
	100% {
		margin-top:8px;
	}
}

#content { width:900px; margin-left:auto; margin-right:auto; padding-top:50px; font-family: 'Roboto', serif;	}

#content .col_left { float:left; width:508px; }
#content .col_left .post { margin-bottom:60px; }
#content .col_left .title { font-size:30px; font-family: 'industry_black', sans-serif; letter-spacing:0.04em; text-transform: uppercase; }
#content .col_left .title a { color:#2f2f31; text-decoration: none; }
#content .col_left .date { font-size:16px; font-family: 'factoria_bold', sans-serif; letter-spacing:0.04em; text-transform: uppercase; color:#b7c6d8; }
#content .col_left .post img { max-width:508px; }
#content .col_left .post iframe { max-width:508px; }
#content .col_left .post .post_body { font-size:16px; line-height:175%; }
#content .col_left .post .wrapper					{ }
#content .col_left .post .h_iframe        {position:relative;}
#content .col_left .post .h_iframe .ratio {display:block;width:100%;height:auto;}
#content .col_left .post .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
#content .col_left .more { height:12px;  color:#fff; text-decoration:none; text-transform:uppercase; font-size:22px; line-height:15px; font-family: 'factoria_bold', sans-serif; letter-spacing:0.1em; border: solid 12px #dae7f4; border-image: url("https://www.tubbyrobot.com/images/navbar_button_border_active.png") repeat; border-image-slice: 12 12 12 12 fill; border-color:#6481a2; }
#content .col_left.full_width { width:100%; }



#content .col_right { float:right; width:314px; text-align:center; text-transform: uppercase; color:#2f2f31; }

#content .col_right .line1, #content .col_right .line3 { font-size:14.4px; font-family: 'industry_book', sans-serif;  letter-spacing:0.1em; margin-bottom: 13px; }
#content .col_right .line2 { color:#b7c6d8; font-family: 'factoria_bold', sans-serif; font-size:28px; line-height:30px; }
#content .col_right .hours .line1 { font-family: 'factoria_black', sans-serif; font-size:40px; letter-spacing:0.1em; color:#b7c6d8; line-height:60px; }
#content .col_right .hours .line2 { font-family: 'factoria_black', sans-serif; font-size:34px; letter-spacing:0.1em; color:#b7c6d8; line-height:10px;  }
#content .col_right .hours_table { font-size:16px; font-family: 'industry_book', sans-serif;  letter-spacing:0em;  margin-top:20px;  }
#content .col_right .hours_table table {  margin-left:auto; margin-right:auto;  }
#content .col_right .hours_table table td { text-align:left; width:100px; }
#content .col_right .hours_table table tr.closed { color:#b7b7b7; }

#content .col_right .social { padding: 46px 0px 46px 0px; }
#content .col_right .social img { }

#content .col_right .phone1 {  font-family: 'factoria_black', sans-serif; font-size:28px; letter-spacing:0.05em; line-height:24px; }
#content .col_right .phone2 {  font-family: 'industry_bold', sans-serif; font-size:24px;letter-spacing:0.05em;  margin-bottom:46px;  color:#b7c6d8; }
#content .col_right .address1 {  font-family: 'factoria_black', sans-serif; font-size:24px; letter-spacing:0.05em; }
#content .col_right .address2 {  font-family: 'industry_bold', sans-serif; font-size:24px;letter-spacing:0.05em;  color:#b7c6d8; }
#content .col_right .map { padding-top:20px;	}
#content .col_right .wall-o-vision { font-family: 'industry_book', sans-serif; color:#88888c; font-size:21px; background-color:#dae7f4; border-radius:15px; margin-top:20px; padding:35px 0px 15px 0px;	}
#content .col_right .wall-o-vision.standalone { margin-top:0px;	}
#content .col_right .wall-o-vision .currently-playing { margin-bottom:7px; }
#content .col_right .wall-o-vision .screenshot { width:314px; margin-top:25px;	}
#content .col_right .wall-o-vision .game_title { position:absolute; background-color:#b7c6d8; color:#fff; font-family: 'industry_bold', sans-serif; font-size:30px; max-width:280px; line-height:30px; padding:10px; margin:60px 0px 0px -10px; box-shadow: -4px 6px 0px rgba(8, 8, 8, 0.5); }
#content .col_right .wall-o-vision p { font-family: 'industry_book', sans-serif; color:#2f2f31; font-size:16px; text-transform:none; text-align:left; padding:0px 20px;	}

#footer { width:900px; margin-left:auto; margin-right:auto; clear:both; padding-top:200px; padding-bottom:50px; font-family: 'Roboto', serif; color:#b7c6d8; font-size:14px;}

#content .ice_cream_marquee { text-transform:uppercase; text-align:center; margin:0px; color:#2e2e30; margin-top:22px; margin-bottom:90px; } 
#content .ice_cream_marquee .line1 { font-family: 'factoria_black'; font-size:72px; letter-spacing:8px; }
#content .ice_cream_marquee .line2 { font-family: 'industry_book'; font-size:23px; letter-spacing:2.5px; margin-top:0px; margin-bottom:0px; }
#content .ice_cream_marquee .line3 { font-family: 'factoria_black'; font-size:52px; letter-spacing:6px; color:#9aadc3; }

#content .flavors { width:48%; float:left; color:#FFF; background-color:#2e2e30; border-radius:20px; margin:0px; padding:0px; font-family: 'industry_bold', sans-serif; overflow:hidden; text-align:center; text-transform:uppercase; }
#content .flavors h2 { font-family: 'industry_bold'; font-size:48px; letter-spacing:5px;  margin-top:30px;  line-height:48px; }
#content .flavors ul { list-style-type: none; margin-top:30px; padding:0px 40px; }
#content .flavors li { font-size:24px; margin-bottom:30px; letter-spacing:5px; line-height:32px;  }
#content .flavors li p { color:#fff; font-family: 'industry_book'; font-size:14px; letter-spacing:0px; line-height:18px; margin:0px; }

#content .sundaes { width:48%; float:right; color:#FFF; background-color:#b3c3d2; border-radius:20px; margin:0px; padding:0px; font-family: 'industry_bold', sans-serif; overflow:hidden; text-align:center; text-transform:uppercase; }
#content .sundaes h2 { font-family: 'industry_bold'; font-size:48px; letter-spacing:5px;  margin-top:30px;  line-height:48px; }
#content .sundaes ul { list-style-type: none; margin-top:30px; padding:0px 40px; }
#content .sundaes li { font-size:24px; margin-bottom:30px; letter-spacing:5px;  }
#content .sundaes li p { color:#b6c5d8; font-family: 'industry_book'; font-size:18px; letter-spacing:0px; margin:0px; }
#content .sundaes li img { max-height:200px;  -webkit-clip-path: circle( 95px at center); }
#content .sundaes li div { position:absolute; top:0px; right:60px; background-color:#faf2c3; font-size:36px; letter-spacing:2px; width:90px; height:90px; border-radius:50%; }
#content .sundaes li h2 { padding:0px; margin:0px; font-size:32px; line-height:32px; margin-bottom:12px; color:#2e2e30; letter-spacing:3px; font-family:'industry_bold'; text-transform:uppercase; }
#content .sundaes li h3 { padding:0px; margin:0px; font-size:16px; color:#fff; letter-spacing:2px; font-family:'industry_book'; text-transform:uppercase; }

#content .about_blurb { margin: 30px 0px 120px 0px; }
#content .about_text { float:right; width:400px; line-height:26px; } 
#content .about_text h1 {  font-size:18px; font-family: 'industry_book', san-serif; text-transform:uppercase;  margin:0px; line-height:38px; letter-spacing:4px; color: #9aadc3; } 
#content .about_text h1 span { font-size:48px; font-family: 'factoria_bold', san-serif; color: #2e2e30;  } 
#content .about_text p { margin:40px 0px;  } 

#content.press { padding:0px; color:#2e2e30; }
#content.press .contact { text-align:center; color:#88888c; font-size:21px; background-color:#dae7f4; border-radius:15px; padding:20px; }
#content.press .press_item { float:left; width:400px; height:550px; margin-right:50px; } 
#content.press h1 { font-family: 'factoria_bold', san-serif; text-transform:uppercase; font-size:48px; letter-spacing:4px; } 
#content.press h2 { font-size:32px; line-height:32px; font-family: 'factoria_bold', san-serif; text-transform:uppercase; margin:0px 0px 20px 0px; }
#content.press h2 a { text-decoration:none;  color: #2e2e30; }
#content.press h3 { font-size:18px; font-family: 'industry_book', san-serif; text-transform:uppercase;  letter-spacing:4px; color: #9aadc3; margin-bottom:5px; }
#content.press span { font-style:italic; color:#666; } 
#content.press a.more { font-style:none; white-space: nowrap; } 
#content.press .feature_image { width:400px; margin-bottom:10px; } 

#content.press ul { clear:left; padding:0px; }
#content.press li { list-style:none; height:150px; clear:left; }
#content.press li img { float:left; width:150px; }
#content.press li h2 { margin-left:170px; font-size:24px;}
#content.press li h3 { margin-left:170px; font-size:12px; }

@media  (max-width: 700px) {
  #marquee .logo { padding:1.9259% 0px 1.9259% 0px; width:81.2857%; }
  #icf_container {  padding:1.9259% 0px 1.9259% 0px; border-width:0px; background-image: none; }
  #icf_container img { width:89.8571%; border-width:0px;  }
}

@media  (max-width: 915px) {

  #nav {	height:52px;  }
  #nav ul { margin-left:1.78575%; width:96.4285%; }
  #nav li { height:8px; margin-right:12px; font-size:19px; line-height:6px; margin-top:12px; }
  #nav li a { padding:0px 5px 0px 5px; }
  #nav li:last-child { margin-right:0px; }
  #nav .clouds { display:none; }
  #content { width:96.4285%; padding-top:46px; margin:0px 1.78575% 0px 1.78575%; }
  
  #content .col_right { float:none; width:100%;  }
  
	#content .col_right .line1 { float:none; text-align:center; margin-bottom:4px;  }
	#content .col_right .line2 {float:none; text-align:center;   }
	#content .col_right .hours {  float:left; width:50%; }
	#content .col_right .hours_table { margin-top:10px; }
  #content .col_right .hours .line1 { font-size:30px; line-height:46px; }
	#content .col_right .hours .line2 { font-size:26px; line-height:10px;  }
	#content .col_right .social { text-align:center; padding: 10px 0px 25px 0px; width:50%; float:left; }
	#content .col_right .social img { }
	#content .col_right .line3 { float:left; width:50%; text-align:center; margin-bottom:4px; padding-top:50px;  }
	#content .col_right .phone1 {  float:right; width:50%;  }
	#content .col_right .address1 { float:left; width:50%; clear:left; text-align:center; margin-top:30px;   }
	#content .col_right .address2 { float:left; width:50%; clear:left; text-align:center;   }
  #content .col_right .map { text-align:center; padding-top:20px; padding-bottom:40px; }
  #content .col_right .wall-o-vision { display:none; }
  #content .col_right .wall-o-vision.standalone { display:block; width:314px; margin-left:auto; margin-right:auto; margin-bottom:50px; clear:both; }
  
  #content .col_left { width:100%; }
  #content .col_left .title { font-size:24px; }
  #content .col_left .date { font-size:14px; }
  #content .col_left .post .post_body {  }
  
  #footer { width:96.4285%; }
  
  #content .ice_cream_marquee { margin-top:5px; margin-bottom:60px; } 
  #content .ice_cream_marquee .line1 { font-size:62px; letter-spacing:7.7px; }
	#content .ice_cream_marquee .line2 { font-size:20px; letter-spacing:2.4px; margin-top:0px; margin-bottom:0px; }
	#content .ice_cream_marquee .line3 { font-size:44px; letter-spacing:6px; color:#9aadc3; }
	
	#content .flavors { border-radius:16px; }
	#content .flavors h2 { font-size:42px; letter-spacing:5px;  margin-top:30px;  line-height:42px; }
	#content .flavors ul { margin-top:30px; padding:0px 30px; }
	#content .flavors li { font-size:24px; margin-bottom:24px; letter-spacing:3px;  }
	#content .flavors li p { font-size:12px; letter-spacing:0px; margin:0px; }

	#content .sundaes { border-radius:16px; }
	#content .sundaes h2 { font-size:42px; letter-spacing:5px;  margin-top:30px;  line-height:42px; }
	#content .sundaes ul { margin-top:30px; padding:0px 30px; }
	#content .sundaes li { font-size:24px; margin-bottom:24px; letter-spacing:3px;  }
	#content .sundaes li p { font-size:12px; letter-spacing:0px; margin:0px; }
	#content .sundaes li h2 { font-size:24px;  }
	#content .sundaes li h3 { font-size:14px; }
	
	#content .about_blurb { margin: 0px 0px 60px 0px; }
	#content .about_blurb img { max-width:100%; }
	#content .about_text { float:left; width:100%; line-height:26px; } 
	#content .about_text h1 {  font-size:18px; margin:0px; line-height:32px; letter-spacing:4px; } 
	#content .about_text h1 span { font-size:40px; } 
	#content .about_text p { margin:24px 0px;  } 
	
	#content.press .press_item { width:45%; height:500px; margin-right:5%; } 
	#content.press h1 { font-size:32px; letter-spacing:4px; } 
	#content.press h2 { font-size:24px; line-height:24px; margin:0px 0px 20px 0px; }
	#content.press h3 { font-size:16px; letter-spacing:4px; margin-bottom:5px; }
	#content.press span { font-size:14px; } 
	#content.press .feature_image { width:100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } 
	#content.press .feature_image img { max-width:100%; } 
	#content.press .feature_image iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } 
	
	#content.press li { height:130px; }
	#content.press li h2 { font-size:20px;}
	#content.press li h3 { font-size:10px; }
	  
}

@media  (max-width: 670px) {
  #nav {	height:40px; background-image:none; }
  #nav li { height:4px; margin:6px 5px 0px 0px; font-size:14px; line-height:2px; border-image:none; background-color:#dae7f4; border-width:12px 5px; border-radius:3px; }
  #nav li.this_page { border-image:none; background-color:#6481a2; }
  #nav li a { margin:0px -3px;  }
  #nav li:last-child { margin-right:0px; }
  #content { padding-top:40px; }
  
  #content .col_right .line1 {  }
	#content .col_right .line2 { font-size:22px; }
	#content .col_right .social { }
	#content .col_right .social img { width:40px; }
	#content .col_right .line3 { float:none; width:100%; margin-bottom:4px; padding-top:10px;  }
	#content .col_right .phone1 { font-size:18px; }
	#content .col_right .phone2 { font-size:18px; margin-bottom:20px; }
	#content .col_right .address1 { clear:none; float:left; width:50%; text-align:center; font-size:18px; margin-top:0px;  }
	#content .col_right .address2 { clear:none; float:left; width:50%; text-align:center; padding-bottom:40px; font-size:18px; }
  #content .col_right .map { display:none; }
  
  #content .col_left { margin-top:40px; }
  #content .col_left .title { font-size:18px; }
  #content .col_left .date { font-size:12px; }
  #content .col_left .post .post_body { font-size:15px; }
  #content .col_left .post img { max-width:96.4285%; }
  
  #content .ice_cream_marquee { margin-top:0px; margin-bottom:50px; } 
  #content .ice_cream_marquee .line1 { font-size:40px; letter-spacing:5px; }
	#content .ice_cream_marquee .line2 { font-size:14px; letter-spacing:1px; }
	#content .ice_cream_marquee .line3 { font-size:28px; letter-spacing:4.2px; color:#9aadc3; }
	
	#content .flavors { border-radius:12px; width:100%; }
	#content .flavors h2 { font-size:32px; letter-spacing:4px;  margin-top:30px;  line-height:42px; }
	#content .flavors ul { margin-top:30px; padding:0px 30px; }
	#content .flavors li { font-size:24px; margin-bottom:24px; letter-spacing:4px;  }
	#content .flavors li p { font-size:14px; letter-spacing:0px; margin:0px; }

	#content .sundaes { border-radius:12px; width:100%; margin-top:20px; }
	#content .sundaes h2 { font-size:32px; letter-spacing:3px;  margin-top:30px;  line-height:42px; }
	#content .sundaes ul { margin-top:30px; padding:0px 30px; }
	#content .sundaes li { font-size:24px; margin-bottom:24px; letter-spacing:4px;  }
	#content .sundaes li p { font-size:14px; letter-spacing:0px; margin:0px; }
	
	#content.press .press_item { height:400px; } 
	#content.press h1 { font-size:24px; letter-spacing:4px; } 
	#content.press h2 { font-size:16px; line-height:16px; margin:0px 0px 7px 0px; }
	#content.press h3 { font-size:10px; letter-spacing:4px; margin-bottom:5px; }
	#content.press span { font-size:12px; } 
	
	#content.press li { height:130px; }
	#content.press li h2 { font-size:16px;}
	#content.press li h3 { font-size:8px; }
	
  
}

@media  (max-width: 480px) {
  #nav {	height:32px;  }
  #nav li { height:0px; margin:6px 6px 0px 0px; font-size:10px; line-height:0px;  border-width:10px 5px; border-radius:3px; }
  #nav li a { margin:0px;  padding:0px;  }
  #nav li:last-child { margin-right:0px; padding-right:0px; }
  #content { padding-top:30px; }
  
  #content .col_right { }
  #content .col_right .social {  }
	#content .col_right .social img { width:30px;  }
	#content .col_right .line1 { margin-bottom:0px; }
	#content .col_right .line2 { font-size:16px; line-height:20px; }
	#content .col_right .hours_table{ font-size:12px; }
	#content .col_right .hours_table table td{ width:75px; }
	#content .col_right .hours .line1 { font-size:24px; line-height:26px; }
	#content .col_right .hours .line2 { font-size:20.5px; line-height:10px;  }
	#content .col_right .line3 { margin-bottom:4px; }
	#content .col_right .phone1 { font-size:14px; }
	#content .col_right .phone2 { font-size:14px; }
	#content .col_right .address1 { font-size:14px; line-height:20px; }
	#content .col_right .address2 { font-size:14px; line-height:20px; padding-bottom:30px; }
  
	#content .col_left { margin-top:30px; }
  #content .col_left .title {  }
  #content .col_left .date { }
  #content .col_left .post .post_body { font-size:14px; }
  #content .col_left .post img {  }
  
  #content .ice_cream_marquee { margin-top:-10px; margin-bottom:20px; } 
  #content .ice_cream_marquee .line1 { font-size:32px; letter-spacing:3px; }
	#content .ice_cream_marquee .line2 { font-size:10px; letter-spacing:1.1px;  }
	#content .ice_cream_marquee .line3 { font-size:22px; letter-spacing:3px; color:#9aadc3; }
	
	#content .flavors { border-radius:8px; width:100%; }
	#content .flavors h2 { font-size:26px; letter-spacing:3px;  margin-top:20px;  line-height:42px; }
	#content .flavors ul { margin-top:0px; padding:0px 30px; }
	#content .flavors li { font-size:22px; margin-bottom:24px; letter-spacing:3px;  }
	#content .flavors li p { font-size:14px; letter-spacing:0px; margin:0px; }

	#content .sundaes { border-radius:8px; width:100%; }
	#content .sundaes h2 { font-size:26px; letter-spacing:3px;  margin-top:20px;  line-height:42px; }
	#content .sundaes ul { margin-top:0px; padding:0px 30px; }
	#content .sundaes li { font-size:20px; margin-bottom:24px; letter-spacing:3px;  }
	#content .sundaes li p { font-size:10px; letter-spacing:0px; margin:0px; }
	
	#content .about_blurb { margin: 0px 0px 30px 0px; }
	#content .about_text { float:left; width:100%; line-height:26px; }
	#content .about_text h1 {  font-size:14px; margin:0px; line-height:24px; letter-spacing:3px; } 
	#content .about_text h1 span { font-size:28px;  } 
	#content .about_text p { font-size:14px; margin:24px 0px;  } 
	
	#content.press .press_item { width:100%; height:400px; } 
	#content.press h1 { font-size:24px; letter-spacing:3px; } 
	#content.press h2 { font-size:16px; line-height:24px; margin:0px 0px 5px 0px; }
	#content.press h3 { font-size:12px; letter-spacing:3px; margin-bottom:5px; }
	#content.press span { font-size:12px; } 
	
	
	#content.press li { height:100px; }
	#content.press li img { width:100px; }
	#content.press li h2 { font-size:12px; line-height:12px; margin-left:110px; }
	#content.press li h3 { font-size:8px; margin-left:110px; }
	
}